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便 サ ンプ ルフ ァイル の 入手 先 
本 書 で 作成 する サン プル の デー タ を 、 以 下 の サ イト か ら ダ ウン ロー ド で きま す 。 
また この サイ ト で は 、 本 書 に 関す る サポ ー ト 情報 も 提供 し て いき ます の で 、 ぜ ひご 参照 くだ さい 。 
http://book.mycom.co.jp/Support/pc/flash_book/ 


借 本 書 中 の 解説 は Adobe Flash CS4 Professional を 使用 し て 行っ て いま す 。 
介 Macintosh と Windows と で キー 表記 や メニ ュー が 異な る 場合 に は 、 双 方 を 併記 し て いま す 。 


島本 書 に 記載 され た 内 容 は 、 情 報 の 提供 の み を 目的 と し て お り ま す 。 
し た が っ て 、 本 書 を 用 いて の 運用 は すべ て お 客 様 自 身 の 責 任 と 判断 に お いて 行っ て くだ さい 。 
本 書 の 制作 に あたっ て は 正確 な 記述 に つと め ま し た が 、 
著者 や 出版 社 の いずれ も 、 本 書 の 内 容 に 関し て な ん ら か の 保証 を する も の で は な く 、 
内 容 に 関す る いか な る 運用 結果 に つい て も いっ さい の 責任 を 負い ませ ん 。 あ ら か じ め ご 了承 くだ さい 。 


人 @ 本 書 は 2009 年 12 月 段階 で の 情報 に 基づい て 執筆 され て いま す 。 
本 書 に 登場 す も る ソ フトウェア の バー ジョ ン 、UHRL、 製 品 の スペ ッ ク な どの 情報 は 、 す べ て その 原稿 執筆 時 点 で の も の で す 。 
執筆 以降 に 変更 され て いる 可能 性 が あり ます の で 、 ご 了承 くだ さい 。 

人 Adobe お よび Adobe ロゴ 、Flash は アド ビシ ステ ムズ 社 の 米国 お よび その 他 の 国 に お ける 商標 また は 登録 商標 で す 。 


重 そ の 他 、 本 書 中 の 会 社名 や 商品 名 は 、 該 当 す る 各社 の 商標 また は 登録 商標 で す 。 
本 書 中 で は 上 お よび マーク は 省略 させ て いた だ いて お り ま す 。 


の 


は じ め に 


僕たち の 会 社 は 平日 に ウェ ブ 制 作 の 仕事 を し 、 週 末 に Flash の ActionScript を 教え る と いう 、 
制作 と 学校 の 2 足 の わら じ を 履い て いる よう な 会 社 で す 。 

Flash の ActionScript を 教え る 学校 を 始め て も う 5 年 以上 が 経ち も 、 そ の 間 に い ろ ん な 形式 の 講 
座 を し まし た 。 1 日 だ け の ピン ポイ ント 技術 を 教え る も の 、1 か 月 間 で で きる だ け 多 く の 技 術 
を 詰め 込む も の 、2 か 月 か け て 受講 者 に 作品 を 作っ て も ら う も の 、 な ど 。 人 数 、 時 間 、 机 の 並 
びな ど 、 そ れ ぞ れ で 全然 違う 授業 に な り ま す 。 

こう いっ た 経験 の 中 で 、 受 講 者 に と っ て 一 番 良い 授業 は 「 受 講 者 自身 が 手 を 動か し て 、 作 品 を 
作っ て も ら う 」 こと だ と 僕 は 思っ て いま す 。 

つま りこ ちら が いく ら 必 殺 テ クニ ッ ク や ノウ ハウ を 教え て も 、 そ れ を コピ ペ す る だ け で は 、 そ 
の 場 で 達成 で きた だ け の 技術 に な り ま す 。 と ころ が 受講 者 自身 に 目標 持っ て も らい 、 そ れ を 
作る こと を 課題 に すれ ば 、 多 く の 受 講 者 は 自分 で 手 を 動か し 、 ど ん どん と プロ グラ ミン グ し て 
いく よう に な り ま す 。 つ まり 、「 技 術 を 学び た い ]」 で は な く 、「 〇 〇 を 作り た い 」 と いう 作品 
作り の モチ ベー ショ ン が 、 技 術 習 得 に は 一 番 近 道 な の で は と 感じ て いま す 。 


この 本 を 書く に あたり 、 授 業 と 同じ よう に 読者 の みな さん が 手 を 動か し て 、 自 分 の 作品 を 作っ 
て いく よう な 内 容 に で きれ ば と 思い 、 構 成 を 考え まし た 。 本 書 は 全部 で 3 つの 要素 か ら 成り 立っ 
て いま す 。 


PAgr 了 ) Flash を 知る 

ここ で は Flash で 何 が で きる か を 紹介 し て いま す 。ActionScript を 勉強 する に あたり 、 ま ず ど 
ん な こと が で きる か ? そし て どん な こと を し た いか を 考え て みて くだ さい 。 そ の あと は 、 
PART 2 を 飛び 越し 、PART 3 で 自分 の 作り た いも の に 近い も の を 探し て みて くだ さい 。 そ こ で 
作り た いも の が 見 つか れ ば 、 まず は PART 3 を も と に し て 作品 を 作っ て いく こと を お 勧め し ます 。 


PAgr 2 Flash を 学ぶ 


PART2 は 辞書 ・ リ ファ レン ス の よう な 形式 で 書い て いま す 。 た だ し 、 す べ て の ActionScript 
の 技術 を 網羅 し て いる わけ で は あり ませ ん 。ActionScript の 中 に は 、 あ る 一 定 以 上 の も の を 作 
る に は 、 何 を 作る 場合 で も 必ず 知っ て お か な けれ ば いけ な いも の が あり ます 。 で す の で 、「 必 
ず 知っ て お か な く て は な ら な い 技 術 ( プ ログ ラミ ング 基本 )] と 「 作 る 作品 に よっ て は 、 使 わな 


oo03 
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く て は な ら な い 技 術 (プロ グラ ミン グ 応 用 )] を 分 け て 書き まし た 。 こ こ は 項 目 ご と が つなが っ 
て いる わけ で は あり ませ ん の で 、 最 初 の ペー ジ か ら 順 番 に 学ぶ の で は な く 、PART3 の 作品 を 
作っ て いく 際 に 、 分 か ら な いこ と が 出 て きた ら PART2 に 戻る 方 法 を と る と 良い で し ょ う 。 


FAT < Flash で 作る 

PART 3 で は Flash で 作品 を 作る に あたり 、 多 く の 人 が 作っ て みた いと 思う よう な サン プル を 
ピッ クア ッ プ し て 説明 し て いま す 。 ピ ン ポ イン ト で 作り た いも の と 合致 し な い 場 合 も ある で し ょ 
う が 、 一 通り の 技術 を 網羅 し て いま す の で 、 一 度 自分 の 作り た い 作 品 に 近い も の が な いか を 探 
し 、 そ こ か ら 始 め て みて くだ さい 。 ま た 、 技 術 的 に 複雑 な サン プル も あり ます の で 、 誌 面 に す 
べ て の 手順 を 載せ る の で は な く 、 重 要 な ポイ ント を ピッ クア ッ プ し て 書い て いま す 。 サ ンプ ル 
ファ イル を ダウ ン ロ ー ド し て 、 サ ンプ ル を 開き な が ら 本 書 を 読ん を で いく こと を お 勧め し ます 。 


以下 に 今回 の 本 の 読み 進め 方 を 図 に し て み ま し た 。 


作品 作り の た め の 技術 を 知り た い 


技術 を じっくり 技術 で 何 か を 
PART 1 身 に つけ た い | PART2 作り た い PART3 


Flash を 知る Flash を 学ぶ Flash で 作る 





作品 を 作り た い 


この 本 を 読ん で 、 も し 分 か ら な いこ と が あり まし た ら 、 一 度 ク スー ル の 教室 に 遊び に 来 て くだ 
さい 。 こ の 本 を 購入 され た の も 何 か の ご 緑 で す の で 、 和 気軽 に ご 相談 し て いた だ けれ ば と 思い 
ます 。 


2009 年 12 月 
株 式 会 社 ク スー ル 松村 慎 


本 書 の メイ ン で ある PART2 と PART 3 に つい て 、 使 い 方 を 説明 し ます 。 


PAg 了 2 Flash を 学ぶ 





Flash で 作品 を 作っ て いく の に 必要 な 知識 を 簡潔 に まとめ て あり ます 。 





Flash の 基本 … インター フェ イス の 説明 な ど 、 基 
本 的 な 項目 で す 。 

Flash に よる 表現 … モ ーション トゥ イー ン 、 マ スク 、 
レイ ヤー な ど に つい て 解説 し て いま す 。 
ActionScript の 考え 方 … Flash で の 作品 作り に 
ActionScript の 理解 は 必須 で す 。ActionScript の 
基本 を 解説 し て いま す 。 

プロ グラ ミン グ 基 本 -… 変数 、 イ ベン トリ スナ 、if な ど 、 
ActionScript プロ グラ ミン グ で 必ず 知っ て お か な 
く て は な ら な い 項 目 を 厳選 し て 解説 し て いま す 。 
プロ グラ ミン グ 応 用 Math、Timer な ど 、 コ ン テ ン 
ツ に よっ て 必要 と な っ て くる 項目 を まとめ て いま す 。 


計 wn 




















それ ぞ れ の 項目 に は 、 そ の 項目 を 使っ て いる PART3 の サン プル へ の 参照 や 、 
合わ せ て 読む と 理解 が 深まる PART2 の 項目 へ の 参照 を 入れ て いま す 。 勉強 の 際 に 参考 に し て くだ さい 。 


PAg 了 る Flash で 作る 








アニ メー ショ ン か ら ゲ ー ム まで 、 様 々 な サン プル を 掲載 し て いま す 。 
それ ぞ れ の サン プル は 次 の よう な 流れ に な っ て いま す 。 


この サン プル で 必要 な 主 な 基礎 技術 …PART2 
「Flash を 学ぶ 」 の 関連 項目 ヘリ ンク し て いま す 。 
サン プル 実習 の 際 に 、 合 わせ て 読む と 効果 的 で す 。 
この サン プル で 学ぶ 応用 技術 サン プル を 制作 す 
る こと で 何 が 学べ る か を まとめ て いま す 。 制作 後 
の 確認 に も 使え ます 。 

サン プル の 説明 … ここ で 学ぶ サン プル が どう いう 
動き を する か を 解説 し ます 。 

サン プル の 構造 ここ で 学ぶ サン プル の Flash フ ァ 
イル が どう いう 構造 に た っ て いる か を 図解 し ます 。 
STEP1 一 サン プル 制作 の 手順 を 解説 し ます 。 
一 緒 に 作っ て み ま し ょ う 。 

EX1 一 サン プル に 機能 や 効果 を 付加 する 応用 
テク ニッ ク を 紹介 し ます 。 








PART2 と PART 3 を 交互 に 参照 し な が ら 、 効 率 よ く 学習 を 進め て くだ さい 。 
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Flash で で きる こと 


まず は Flash で 作る こと が で きる も の を 少し 列挙 し た いと 思い ます 。 
技術 的 に 見 る と アニ メー ショ ン と プロ グラ ミン グ と いう 2 つの 機能 し か あり ませ ん が 、 
作る 作品 で 考え る と 、 予 想 以 上 に 多岐 に わた っ て いる 印象 を 受け る と 思い ます 。 





ゆ アニ メー ショ ン 


Flash と いう の は も と も と は アニ メー ショ ン が 簡単 
に 作れ る ソフ ト で し た 。 一 般 的 に 今 で も Flash は ア 


ニメーション の ソフ ト の イメ ー ジ が 強い で し ょ う 

ActionScript を あま り 使 わな く て も 作れ る の で 、 
初心 者 の 方 に は 比較 的 作り や すい で す 。 バ ナー も 
Flash の アニ メー ショ ン を よく 使い ます が 、 画 面 


サイ ズ や フレ ー ム レー ト が 決ま っ て いた り 、 短 い 
時 間 で 内 容 を 表す 必要 が ある の で 、 通 常 の アニ 
メー ショ ン を 作る の と は 別 の スキ ル や 経験 が 必要 
に な り ま す 


還 アニ メー ショ ン の 作り 方 は ……………… P174 へ 


ゆ ウェ フサ イト 


ウェ ブサ イト に は メニ ュー 部 分 だ け Flash で 作る 
も の と 、 画 面 全体 を Flash で 作る も の に 大 きく 分 
けら れ ま す 

メニ ュー 部 分 の み の 場 合 は マウ ス が ボタ ン の 上 に 
ロー ルオ ー バ ー し た 場合 の 動き や 、 ク リッ ク し た 
と き の ペ ー ジ の 移動 先 を 作る だ け な の で 、 ア ニ メ ー 
ショ ン に 簡単 な ActionScript を 付け 加え る だ け で 
作れ ます 

か た や フル Flash サ イト に な る と 、 画 面 全体 の 設 
計 や 、 外 部 ファ イル の 呼び 出し な ど 、 比 較 的 高度 
な ActionScript の レベ ル が 要求 され ます 


較 メニ ュー の 作り 方 は 
軒 サイ ト の 作り 方 は - 


Par | flash を 知る 


人 ゆ 携帯 コン テン ツ 


以前 は 携帯 端末 の スペ ッ ク が 低かっ た り 、 携 帯 端 
末 で 動く Flash Player (Flash Lite) の バー ジョ ン が 
低かっ た の で 、 待 ち 受け 画面 な ど 簡 単 な コ ン テ ン 
ツ を 作る こと が 多かっ た の で す が 、 最 近 は Flash 
メニ ュー や ゲー ム な ど 、 比 較 的 複雑 な コン テン ツ 
を 作る こと が 多く な り ま し た 。 

特に Flash CS5 か ら は iPhone ア プリ へ の 書き 出 
し が で きる よう に な る 予定 な の で 、iPhone も 含め 、 
携帯 端末 の コン テン ツ を 作る 機会 は 今後 増え て く 
る こと で し ょ う 。 


⑱⑳ ブロ グ パ ー ツ 


ブロ グ パ ー ツ と は ブロ グ の メニ ュー や エン トリ ー 
の 部 分 に 表示 され る Flash の こと で す 。 

HTML の ソー ス を 自分 の ブロ グ に 貼り 付け る だ け 
で Flash が 表示 され る の で 、 そ の 気軽 さ が 受 け て 、 
数 年 前 に 大 きく 浸透 し まし た 。 

今 は 、 は や り と 言う より は すでに スタ ンダ ー ド な 
存在 に な っ て いる の で は な いか と 思わ れ ま す 。 
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@ ビデ オ を 使っ た コン テン ツ 


Flash を 使っ た ビデ オ を 流す コン テン ツ と し て は 
YouTube が 一 番 有 名 で す が 、Flash で の ビデ オ の 
特徴 は 、 枠 に 収まら な い 使 い 方 が で きる と いう こ 
と で す 

通常 の ウェ ブサ イト の 中 の 登場 人 物 だ け ビ デオ に 
し て 、 画 像 と 映像 と を 組み 合わ せる と いっ た こと 
が 可能 に な り ま す 


時 ビデ オ コ ン テン ツ の 作り 方 は ………… P256 へ 





⑱ ゲー ム 


PlayStation や Wii な どの ゲー ム と 比べ る と 、 
Flash で の ゲー ム は グラ フィ ッ ク の 表示 方 法 や 
計算 処理 が 劣っ て いる た め 、 そ れ ほ ど 複 雑 な ゲー 
ム は 作れ ませ ん 。 

た だ し 、 最 近 は ブラ ウザ 上 で 気軽 に 遊ぶ ゲー ム も 
一 般 的 に な っ て き て いる た め 、Flash ゲ ー ム も 需 
要 が 高まっ て いる と 思わ れ ま す 

特に mixi ア プリ や Facebook ア プリ な ど 、 い わ ゆ 
る ソー シャ ル ア プ リ と 言わ れ て いる も の の 多く が 
Flash で 作ら れ て いる の で 、 今 後 は ソー シャ ル ア 
プリ の 開発 需要 も 増え て くる こと で し ょ う 


軒 簡単 な ゲー ムコ ン テ ン ツ の 作り 方 は … P270 へ 
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ゆ ア プリ ケー ショ ン 


アプ リケーション と 聞く と ぴん と こない か も し れ 時 時 wu 
な いで す が 、 普 段 み な さん が PC 上 で 使っ て いる 

メー ル を 書く ソフ ト や 、 ウ ェ ブ を ブラ ウズ する ソ 風 急 嶋 内 4 導 暫 中 
フト が それ に あたり ます 。 | 
Flash で も この よう な アプ リケーション を 作る こと am OM 「 zmemnaszz 
が で きま す 。 

Flash で アプ リケーション を 作る メリ ッ ト は 、「 ブ ラ 
ウザ 上 で 使え る こと (つま り ネ ッ ト に つなげ ば どの 
PC で も 使え る こと )」 と 「 通 常 の アプ リケーション 
より も 違っ た 見 た 目 を 表現 で きる こと 」 で す 。 

アプ リケーション は 今後 デザ イン や 使い や すさ が 
重要 に な っ て くる と 予想 され る の で 、Flash の 重 
要 性 も 高まっ て くる こと で し ょ う 。 
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⑱ デジ タル サイ ネー ジ 


デジ タル サイ ネー ジ と は 、 街 中 で モニ タ に 映像 を 
流し た り 、 タ ッ チ パネ ル で 操作 し た り し て 、 広 告 
や 案内 を する も の で す 。 

今 ま で ポス ター や 案内 板 の 紙 媒体 を 使っ て いた の 
が 、 最 近 で は デジ タル に と っ て 変わ っ て き て いま す 。 
ここ で も Flash の 需要 は 増え て き て いま す 。2009 
年 に 発表 され た Windows 7 も タッ チ パ ネル の 機能 
が 備わっ て いま す が 、 タ ッ チ パネ ル を 使っ た Flash 
の コン テン ツ も 今後 増え て きそう で す 


と いう こと で 、 ざ っ と で す が Flash で で きる こと を 紹介 し まし た 。 こ う や っ て 見 る と 、Flash で で きる こと が 非常 に 広範 
な の が 分 か る の で は な いで し ょ うか ? つま り Flash で で きる こと は ウェ ブ 上 の アニ メー ショ ン や ウェ ブサ イト だ け 
で な く 、 デ ジタル の コン テン ツ が 動く も の すべ て に Flash の コン テン ツ が 動作 する こと が 可能 だ と いう こと で す 。 ま ず 
は Flash の 習得 を 始め る 前 に 、 ど ん な も の が で きる か 可能 性 を 探っ て みる の も 良い で し ょ う 。 
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Flash の 歴史 





Flash は も と も と アニ メー ショ ン ツ ー ル で す が 、THEME 1 で 紹介 し て いる よう な プロ グラ ミン グ や 機能 が どの よう に 追 
加 さ れ て いっ た の で し ょ うか ? 
下 の 表 を 見 て くだ さい 。 






Flash Player 
Flash 2 Flash Player 2 「 ア クシ ョ ン 」 搭載 
Flash 3 | Flash Player 3 
Flash 4 Flash Player 4 

Flash 5 Flash Player 5 | XML の 読み 込み | 「ActionScriptl 搭載 
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Flash MX 2004 Flash Player 7 引 ] 「ActionScript 2.0] 搭載 
Flash 8 | Flash Player 8 ドロ ッ プ シャ ドウ な どの エフ ェクト | 
Flash CS3 Flash Player 9 「ActionScript 3.0] 搭載 








新しい モー ショ ント ゥ イー ン 
| ポー ン ア ニメーション 1 
これ を 見 る と 分 か る の で す が 、 プ ログ ラミ ング の バー ジョ ン ア ッ プ と ツー ル の 機能 が 交互 に 進化 し て いっ て いま す 。 
これ は 意図 し て この よう に 追加 し て いる の か は 分 か り ま せん が 、 こ の よう に Flash で で きる こと が 増え 、 さ ら に それ を 
支え る プロ グラ ミン グ が バー ジョ ン ア ッ プ する こと で 、 Flash が アニ メー ショ ン ツ ー ル か ら さ ま ざ ま な も の を 扱え る ツー 
ル に 進化 し て いっ た の が 分 か る こと で し ょ う 。 
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Flash を 取り 巻く 技術 


Flash を 再生 する コン テン ツ は SWF ファ イル と 言い ます が 、 こ の SWF ファ イル が 作成 で きる の は 、Flash の オー サリ ン 
グ ツ ー ル だ け で は あり ませ ん 。Flash Builder や Flex SDK な ど 別 の ツー ル や 技術 を 使っ て も 作成 で きま す 。 

また THEME 1 で 紹介 し た ゲー ム や アプ リケーション を 作成 する に は Flash 以外 に サー バ に 接続 し た り 、 他 の 言語 と 連 
携 す る こと も あり ます 。 そういう 意味 で Flash で 複雑 な コン テン ツ を 作る に は Flash 以外 の 技術 も 必要 に な り ま す 。 

今 の 時 点 で 発表 され て いる Flash を と り ま く 技 術 を 少し 表 に まとめ て み ま し た 。 

これ ら は Adobe が リリ ー ス 前 の 技術 や アプ リケーション を 紹介 する Adobe Labs (http://labs.adobe.com/) と いう サイ 
ト で 公開 され て いる 情報 を も と に まとめ て いま す 。 こ れ を すべ て 紹介 する の は 無理 で す が 、 下 記 の よう に いく つか の ポ 
イン ト が 挙げ られ ます 。 





・Flash オ ー サ リン グ ツ ー ル だ け で 開発 する より も 、Flash Develop や Flash Builder な ど 、 プ ログ ラミ ング 開発 ツー 
ル と 同時 に 使用 する こと が 今後 増え て くる と 思わ れる 。 

・ActionScript で は 他 の 人 が 開発 し た ライ ブラ リ と いう も の が 多く 出回っ て いる の で 、 す べ て を 1 か ら 開 発する より 、 
他 の 人 の ライ ブラ リ を 使っ て 効率 良く 開発 する こと が 増え て くる と 思わ れる 。 

・Adobe が ウェ ブ を 通じ て 提供 する サー ビス を 増やし て き て いる の で 、 そ れ ら を 使う 機会 が 増え て くる 。 

・iPhone や 携帯 な ど 、PC 以 外 で 動く コン テン ツ を 作る こと が 増え て くる の で 、PC と 各 デ バイ ス の 両方 を 同時 に 開発 
する と いう こと が 出 て くる と 思わ れる 。 
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Flash を 学 


@ 技術 と し て 学ぶ 手順 


1. トゥ イー ン を 使い 、 ア ニメーション の 
方 法 を 学ぶ 

まず は 最初 に アニ メー ショ ン を 作っ て みる こと を 

お 勧め し ます 。 Flash の 特徴 は 直感 的 に 作っ た も 

の が その まま 動く こと で す 。 ま ず は この アニ メー 

ショ ン が 動く 楽し さ を 実感 する の が 良い で し ょ う 。 


2. シン ボル の 入れ 子 構造 を 使い こなす 
Flash で まず 最初 に つま づく 部 分 が ムー ビー ク 
リッ プ 内 に さら に ムー ビー クリ ッ プ が 入っ て いる 
よう な 入れ 子 構造 を 理解 する こと で す 。 

設計 次 第 で は 入れ 子 構造 を 使わ な く て も 良い で す 
が 、 複 雑 な アプ リケーション に な る に つれ 、 こ の 
概念 は 重要 に な っ て くる の で 、 初 め の 段階 で この 
仕組 み を 覚え る こと が 後 の ス ムー ズ な 理解 に つ な 
が り ま す 。 


o!@ PAkr | flash を 知る 


ぶ 手 順 


THEME2 で Flash の 歴史 を 、THEME 3 で Flash を 取り 巻く 技術 を 紹介 し て きま し た が 、 
実際 これ ら を 踏ま えて みな さん が どの よう に 技術 を 身 に つけ る の か ? 
オー ソ ド ッ クス で は あり ます が 、 そ の 手順 を 紹介 し て いき ます 。 





まず は 技術 と し て どの よう な 手順 で 学ん で いく の か を 紹介 し ます 。 
この 順番 は Flash を まっ た く 触 っ た こと が な い 、 プ ログ ラミ ング の 知識 が 無い と いう こと を 前 提 に し て いま す 。 
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頭 の ムー ビー クリ ッ プ 

体 の ムー ビー と 
キャ ラク ター の 
ムー ビー クリ ッ プ 


7 ビー クリ ッ プ 








3. 簡単 な ActionScript と アニ メー ショ ン を 組み 合わ せる 
gotoAndPlay、gotoAndStop な ど タ イム ライ ン を コン トロ ー ル する ActionScript を 使い 、 アニ メー ショ ン を コン トロ ー 
ル し ます 。 こ れ ら ActionScript は それ ほど 使 い 方 が 難し く な く 、 か つ 見 た 目 の 制 御 な の で 、 プ ログ ラミ ング が 苦手 な 人 
も それ ほど 抵抗 な く 進 め る こと が で きる で し ょ う 。 










ActionScript 











羽 の 財 気 シー ズン 政夫! 東京 市 
直送 の 鮮 角 が た ド り 








4. フル Flash サイ ト を 作る 

フル Flash サイ ト を 作る に は 少し 構造 の 設計 が 必要 に な り ま す 。 サ イト に は 複数 の ペー ジ が ある と 思い ます が 、 そ の ペー 
ジ 移 動 の 際 に アニ メー ショ ン が 加わ り ま す 。 

つま り 1 ペ ー ジ 目 一 アニ メー ショ ン ~ 2 ペー ジ 目 と いう 動き が 加わ る の で す が 、 逆 の 2 ペー ジ 目 一 アニ メー ショ ン 一 
1 ペー ジ 目 と いう 須 移 も 必要 に な り ま す 。 こ れ ら を どの よう に 組み 立て る か を 考え る だ け で も 複雑 さ が 分 か る で し ょ う 。 





事実 
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5. 更新 性 の ある サイ ト を 作る 

Flash も HTML サイ ト と 同じ よう に 、 コ ン テ ン ツ の 更新 が 頻繁 に 行わ れる こと が あり ます 。 

た だ 、 そ の 際 に Flash の 内 容 を 毎回 書き 換え て 公開 する の は か な り の 労力 が か か り ま す 。 こ れ を 防ぐ た め に 、 頻 繁 に 更 
新 する 文章 や 、 写 真 は Flash の 外 か ら そ の 都度 呼び 出す よう に し ます 。 

この 外部 か ら フ ァイル を 呼び 出す た め の 仕組 み を あら か じ め 設 計 する 必要 が あり ます 。 







画像 を 動 的 に 読み 込む 


JPG フ ァイル 


6. サー バ の 情報 と 連携 する 

上 記 の 5. で 設定 し た 更新 され る 情報 は 外部 ファ イル を 書き 換え る こと で 更新 で きま す 。 た だ し 、 そ の 情報 を サー バ に 再 
度 ア ッ プ する 必要 が ある の で 、FTP の つなぎ 方 な ど ウ ェ ブ の 技術 を 知っ て いる 人 で な いと 行え ませ ん 。 

これ を 解消 する た め に 、 デ ー タ ベー ス と サー バ サ イ ド の プロ グラ ミン グ が 必要 に な り ま す 。 

これ ら 技 術 を 使う と ウェ ブ ブ ラ ウザ か ら も 情報 更新 が で き 、 ウ ェ ブ の 技術 を それ ほど 知ら な い 人 で も 更新 が 行え ます 。 





デー タベース 
(mySQL、 PostgreSQL 、Access な ど ) 








| サー バ サ イ ドス クリ プ ト 
(PHP、Perl、Ruby、Java な ど ) 





| | Ss 
情報 の 追加 、 削 除 、 更新 、 並 替え な ど | きみ | 管理 画面 








Flash 





| . 情 報 の 送信 、 表 示 
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7. ゲー ム な ど 複 雑 な ロジ ッ ク を 実装 する 
サイ ト と ゲー ム を 作る と き の 大 き な 違 い は 、 イ ンタ ラク ティ ブ な 要素 の 多 さ に ある と 思わ れ ま す 。 サ イト で は 「 ボ タン 
が 押さ れ た と き ] の イン タラ クシ ョ ン を メイ ン に 考え て いけ ば 良い の で す が 、 ゲ ー ム で は 「 プ レイ ヤー が 攻撃 し た と き ] 
「 英 の 弾 が あたっ た と き 」「 プ レイ ヤー の レベ ル が 上 が っ た と き 」[「 ゲ ー ム オー バー に な っ た と き ] な ど 多く の イン タラ ク 
ショ ン が 起こ る 場面 が あり ます 。 そ れ ら を すべ て 考慮 し た 構造 を 考え る 必要 が ある の で 、 サ イト と は 培 っ た 設計 の 知識 
が 必要 に な り ま す 。 サ イト は も うた くさ ん 作っ た こと が ある と 言う 人 は 、 ま ず は 簡単 な ゲー ム を 作る こと が 、 実 力 アッ 
プ に つなが る で し ょ う 。 

























攻撃 する トー 一 m| ザコ キャ ラ ーー テ ボス キャ ラ トー 一 屯 | ゲー ムク リア 
ゲー ム ス タ ー ト 人 


攻撃 され る 明 隊 ライ フ 減 少 
ゲー ム オ ー パ バー トー 一 w| リプ レイ 




































































8. アプ リケーション の 設計 を する 

アプ リケーション 作成 と ゲー ム 作 成 は どちら が 難し いか は 一 概 に 判断 で きま せん が 、 ア プリ ケー ショ ン は デー タベース 
を 絡め て 作成 され る こと が 多く 、 そ れ ら デー タ の 更新 な ども 考慮 し な けれ ば いけ ませ ん 。 

そう いっ た 意味 で 、 デ ー タ ベー ス と 絡め た アプ リケーション を 作れ る よう に な れ ば 、 か な り の 実力 が 付い た 証 で し ょ う 。 





























DataManager 
ピピ ャ ンス ロジ の コン テン ツ 3 


ORG00ISHSOS | 
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アプ リケーション ペー ス 部 分 























Config ファ イル 
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今 ま で は 技術 レベ ル の 話 を し て きま し た が 、Flash の コン テン ツ 作 成 に は 技術 以外 に 、 表 現 や アイ デア が 大 き な 要 素 
を 占め ます 。 プ ログ ラミ ング と アニ メー ショ ン を どの よう に 組み 合わ せる と きれ い に み える か 。 世 の 中 に な い 面白 い 
コン テン ツ を 生み 出す に は どの よう な アイ デア が 必要 か 。 な ど 、 技 術 と は 違っ た 方 面 で の 工夫 が コン テン ツ を さら に 





面白 くさ せる こと が で きま す 。 こ の 部 分 は 技術 を 身 に つけ る 過程 の 段階 で も ぜひ 取り 組む と 良い で し ょ う 。 

ユー ザ 

完成 品 

Flash 実 装 演出 

デザ イン 

音声 画像 ・ 映 像 テキ スト ディ レク ショ ン 
企画 
クラ イア ント 夫 要 











作品 を 作る こと を 訪 頭 に お く 


THEME 4 で は 技術 を 身 に つけ る 順番 を 紹介 し まし た が 、 実 際 に は まず 作り た い コ ン テ ン ツ を 想定 し 、 そ 
の コン テン ツ に 必要 な 技術 を 身 に つけ て いく と いう 考え 方 が お 勧め で す 。 

何 を 作り た いか の 目的 な し で 技術 だ け を 身 に つけ よう と する と 、 最 終 的 に その 技術 で 何 を し た いか が 分 か 
ら な く な る こと が よく あり ます 。 ま ず は THEME 1 「 Flash で で きる こと ] で 紹介 し た 中 で 、 ど ん な も の を 
作っ て みた いか 考え て みて くだ さい 。 その後 、 そ れ に 必要 な 技術 を 洗い 出し 、1 つ ずつ ステ ッ プ アッ プ し 
な が ら 技 術 を 身 に つけ て いく の が 良い で し ょ う 。 

この 本 の PART2 で は ピン ポイ ント に 技術 を 身 に つけ る 方 法 、PART 3 で は それ ら を 利用 し た 作品 作り の 
紹介 を し て いま す 。 

まず は PART3 で 作り た い コ ン テ ン ツ を 探し 、 そ の コン テン ツ を 作る た め の 技 術 を 身 に つけ た いり 場合 は 
PART2 で 調べ る と いっ た 、PART2 と PART3 を 行き 来 し な が ら コ ン テ ン ツ を 作り 上 げ て いく と 実力 が 身 
に 着く と 思い ます 。 
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この PART で は Flash の ッ ー ル や Actionscript に っ い 
・ を 項目 ご と に 分 け て 培 明 し て い ゅ ミッ 
この 本 の 中 で は 辞書 的 な 役割 を し て いま す 。 
3 
り ま せん が 、 Taeh を する 際 に 必ず 必要 な 部 分 を ピッ 
クア ッ プ し 、 て こ を 深く 握り 下げ て 書い て いま す . 
FART3 で サン プル を 作る 際 に 、 分 か ら な い 項 目 が 出 て 
きた 際 は 、 ー て に 立ち 戻っ て 再 べ て みて < だ さい 、 












Flash の 画面 構成 


Flash の 画面 構成 (ワー クス ペー ス ) は カス タマ イズ し 、 保 存する こと が 可能 で す が 、 初 期 設 定 
の 状態 で は 下図 の よう に 表示 され ます 。 パ ネル は ここ に 出 て いる 以外 で も 出力 パネ ル 、 ア ク 
ショ ン パ ネル 、 カ ラー パネ ル 、 プ ロジ ェクト パネ ル な ど 多 く の 種類 が ある の で 、 色 々 試し な 
が ら 自 分 好み の ワー クス ペー ス を 作っ て くだ さい 。 





Flash の イン ター フェ イス 


ここ で は 「 初 期 設 定 ] ワー クス ペー ス の 画面 で 解説 を 行い ます 。 
ワー クス ペー ス は 、[ ウ ィ ン ド ウー ワー クス ペー ス ] の サブ メニ ュー か ら 変 更 で きま す 。 











ファ イル 名 (タブ) メニ ュー バー ワー クス ペー ス 


切り 替え コン トロ ー ル 











プロ パテ ィ パ ネル 
me 


BE 


ステ ー ジ 表示 倍率 ツー ル パ ネ ル 


モー ショ ン エ ディ タ 
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ゆ ファ イル 名 (タブ ) 
現在 開い て いる ドキ ュ メ ント の ファ イル 名 を 表示 し ます 。 複数 の ドキ ュ メ ント を 開い て いる と き は 、 こ の タブ を クリ ッ 
ク す る こと で 、 編 集 す る ドキ ュ メ ント を 切り 替え ます 。 


ゆ メニ ュー バー 
Flash で 実行 し た い 機 能 を 選択 する た め の メ ニュ ー が 格納 され て いま す 。 


ゆ ワー クス ペー ス 切 り 替 え コ ント ロー ル 

登録 保存 し て ある ワー クス ペー ス の 切り 替え が で きま す 。 ア ニ メ ー タ ー、 ク ラシック 、 デ ザイ ナー、 デ ベロ ッ パ ー な ど 、 
いく つか の デフ ォ ル ト の ワー クス ペー ス が ある ほか 、 カ スタ マイ ズ し た ワー クス ペー ス を 保存 し て お き 、 呼 び 出 すこ と 
も で きま す 。 


ゆあ ヘル プ 検 索 窓 

ここ に 入力 し た キー ワー ド で 、Flash の ヘル プ を 検索 する こと が で きま す 。CS4 か ら [ヘルプ] パネ ル が な く な り 、 オ 
ン ラ イン ヘル プ を 参照 する 形 に な り ま し た (オフ ライ ン 環 境 下 で は 、 ロ ー カ ル に 保存 され て いる HTML ド キュ メン ト を 
表示 し ます )。 


ゆ シー ン の 編集 
シー ン を 分 け て ドキ ュ メ ント を 編集 し て いる 場合 は 、 こ こ で 編集 する シー ン の 切り 替え が で きま す 。 


ゆ シン ボル の 編集 
ボタ ン を クリ ッ ク す る と 、 ド ロッ プ ダ ウン で ライ ブラ リ の シン ボル が 表示 され 、 そ れ ぞ れ の シン ボル 編集 画面 に ジャ ン 
プ で きま す 。 


ステ ー ジ 表示 倍率 
ステ ー ジ の 表示 倍率 を 変更 で きま す 。 ド ロッ プ ダ ウン メニ ュー か ら 選 択 で きる 数 値 の ほか 、 直 接 数 値 を 入力 する こと も 
で きま す 。 


ゆあ ツー ル パ ネ ル 
Flash で 使用 する 様々 な ツー ル が ここ に 格納 され て いま す 。CS4 で は ツー ル パ ネ ル は 初期 設定 で は 右側 に 配置 され て い 
ます 。 





多 プロ パテ ィ パ ネル 

現在 選択 され て いる オブ ジェ クト や ドキ ュ メ ント の プロ パテ ィ が 表示 され ます 。 プ ロ パ ティ の 変更 も ここ で 行う こと が で 
きま す 。 

ゆあ ライ ブラ リ 

ドキ ュ メ ント で 使用 で きる アイ テム が 表示 され て いま す 。Flash 上 で 作成 し た も の を アイ テム と し て 保存 で きる ほか 、 他 
の アプ リケーション で 作成 し た 画像 、 ベ クタ ー デ ー タ 、 映 像 、 音 声 な ど を アイ テム を 読み 込む こと も 可能 で す 。 


金 タイ ムラ イン 
時 間 の 長 さ を フレ ー ム に 分 割 し 、 コ ン テ ン ツ を フレ ー ム 単位 で 表示 し て いま す 。 


ゆあ モー ショ ン エ ディ タ 
Flash CS4 か ら 搭 載 さ れ た 機能 で す 。 モ ーション トゥ イー ン を 作成 し た 際 に 、 ア ニメーション させ て いる シン ボル の x,y 
や 回 転 、 傾 斜 、 ア ルフ ァ な ど を 細か く 調 整 す る こと が で きま す 。 

















ファ イル の 作成 と パプ リッ シュ 
Flash フ ァイル を 作成 する 際 に まず 、 フ ァイル の 大 き さ や 、 ア ニメーション の 速度 を 決め る フ 
レー ムレ ー ト を 設定 する 必要 が あり ます 。 フ ァイル の 設定 は プロ パテ ィ パ ネル で 行う こと が 


で き 、 常 に 変更 する こと が 可能 で す が 、 始 め に 設定 し て お く こ と で 、 効 率 良く 作業 を 行う こ 
と が で きま す 。 








新規 ファ イル の 作成 


Flash を 新規 で 作成 し て いき まし ょ う 。 
Flash に は さま ざま な 形式 の ファ イル が ある の で 、 始 め に 使用 し た い 形 式 を 選択 する 必要 が あり ます 。 
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Flash を 立ち 上 げ る と デフ ォ ル ト で スタ ー ト 





















ペー ジ が 表示 
ペー ジ が 家 示 され ます 。 豆 近 使用 し た ファ イル を 開く | 新規 人 テン プレ ー ト か ら 作成 
「 新 規 作成 ] で 使用 する 形式 を 選択 し ます 。 独 =w-2s 。。 (① 一 十 箇 haih フ ァ ィ ル Ass の 重 zw 
但 を 未 層 -4fa ② 軍 ash ファ イル (AS 2 の 
側 を 条 未 入 fe 個 issh ファ イル (Adobe AI 1 1 
軍 そ 衝 未 役 補 -5a h ファ イル (モバ イル 議 Flashvchanoe・ 
信 者 サ ンプ ル Ja ③ ActionScrlpt (AS) ファ イル 
箇 プ = ニ sa コミ ュ ニ ケー ショ ン フ ァイル 
坦 yamezrs ご Fshjavascript ファ イル 
箇 アニ zzfa で Flash プロ ジェ クト 
に ル し 
隊 !M9NEo さす で ユー ザー 登録 を 。 
に ロ Adobe Creative Ste 4 また は 対象 CS4 制 











DFlash フ ァイル (AS 3.0) 

スタ ー ト ペー ジ の [新規 作成 」 列 の 「Flash ファ イル (AS 3.0)」 を クリ ッ ク し 、 空 白 の ドキ ュ メ ント を 作成 し ます 。 
AS 3.0 は 、Flash Player 9 以降 の プラ グイ ン で 実行 で きる プロ グラ ム を 作る こと が で きる 、 オ ブ ジ ェクト 指向 スク リプ ト 
言語 の こと で す 。 


2)Flash フ ァイル (AS 2.0) 

スタ ー ト ペー ジ の 「 新 規 作成 ] 列 の 「Flash フ ァイル (AS 2.0)」 を クリ ッ ク し 、 空 白 の ドキ ュ メ ント を 作成 し ます 。 
AS 2.0 は 、Flash Player 7 以降 の プラ グイ ン で 実行 で きる プロ グラ ム を 作る こと が で きる 、 オ ブ ジ ェクト 指向 スク リプ ト 
言語 の こと で す 。 


(③ActionScript (AS) ファ イル 


Flash の ActionScript を 外部 ファ イル (as ファ イル ) に 記述 する 際 に 使用 し ます 。 複 数 人 で 分 割 作業 を する と き な ど に も 便 
利 な ファ イル で す 。 
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ステ ー ジ サイ ズ と フレ ー ム レー ト の 設定 


新規 ファ イル を 作成 し た ら 、 ス テー ジ サ イズ を 設定 し ます 。 [プロパティ] パネ ル の [プロ パテ ィ ] を クリ ッ ク し 、[ サ イズ ] 
右 の [編集 ] ボタ ン を クリ ッ ク し て [ドキュ メン ト プ ロ パテ ィ ] ダイ アロ グ か ら 設 定 し ます 。 
フレ ー ム レー ト の 設定 は 、[ プ ロ パ ティ ] の [フレー ムレ ー ト ] に 数 値 を 入力 し ます 。 入力 で きる 数 値 は [0.01] [120] で す 。 


プロ パテ ィ パ ネル ドキ ュ メ ント プロ パテ ィ 














サイ ズ を 合わ せる : 〇 ) ブ プリ ンタ [内 傘 
所 や: | コ 
フレ ー ム レー ト : 120 |fpe 


⑲ デア フォルト 


ルー 
デフ ォ ル ト に ずる 






(zez ) oess 








フレ ー ム レー ト の 設定 








ココ ョ FIT 信 還 (2 3)| age sas 還 ビ ーーーーー 一 
設定 し た フレ ー ム レー ト は タイ ムラ イン ウィ ンド ウ の 下部 に 表示 され る 








パプ リッ シュ 
ファ イル が 完成 し た ら 、Flash ドキ ュ メ ント (.fla) か ら 再生 用 の Flash ムー ビー(.swf) や 
HTML ドキ ュ メ ント な ど を 作成 し ます 。 こ れ を パブ リッ シュ と 言い ます 。 











Flash ド キュ メン ト の まま で は 、Web 上 で 
再生 で きま せん 。 よ っ て 、 作 品 が 完成 し た M 
ら 、 ブ ラウ ザ で 再生 で きる 形式 (sw 形式 ) 20 ッ ウ ュ ーー 
に 書き 出す 必要 が あり ます 。 完 成す る 前 で コ 
も 、 動 作 確認 用 に 書き 出す こと が あり ます 。 

また 、 パ ブリ ッシュ に よっ て 、swf 形 式 だ fla (作業 用 ファ イル ) swf (公開 用 ファ イル ) 
け で な く 、GIF、JPEG、PNG、QuickTime 
な どの 代替 ファ イル 形式 を 書き 出す こと も に ニコ 


で きま す 。 


html (公開 用 ファ イル ) 














ョ 0 ユ う 3 









































bk パブ リッ シュ の 設定 | 還 還 
に に 3 革 O 内 を る プロ ファ イル | デラ ァ ゅ トー 選 3* 寺 "| 
[ファ イル ーー パブ リッ シュ 設定 ] で 、 パ ブ レラ ァ ィ ル em lo (es mw 
リッ シュ 設定 画面 を 開き ます 。 Prgbe * 
集 存 轄 S 
保存 し て 開通 化 
① 
@「 形 式 」 タブ 2 “ 
書き 出し の 形式 タイ プ を 選択 し ます 。 Re の ① 書 き 出 し た い 形 式 に チェ ッ ク | 
Flash (swf) 以外 に HTML (html) を 作成 し | 時 ・| 。 ⑧ フ ァイル 名 を 選択 
た い 場 合 は 、「HTML] に も チェ ッ ク を 入 
れ ま し ょ う 。 パプ リッ シュ nz asA 
ュ 、 ファ イル 情報 .-- 
[ 】 「Flash」 タ 4 スク リー ン を 共 夫 
FlashPlayer の バー ジョ ン と スク リプ ト の シト ャ ーー 1 
リン ト -。 
設定 を 確認 し ます 。 ac espy2cewwcn 
① FlashPlayer の バー ジョ ン を 選択 
多 「HTML」 タブ ② ス クリ プ ト タ イプ を 選択 
html フ ァイル を 書き 出す 場合 の 設定 を し TE 
ます 。 フ ァイル を ルー プ さ せ て 再生 し た ニ 
い 場 合 は 「 ル ー プ ] に チェ ッ ク を し ます 。 ーー ニー 
アンブ ャ ー+ | et ょ ーー で を 一 旨 C es ) 
mh の パー ジョ シ 電 弱 
2 
ッ ィ ズ :[ ょ -eceaose 
に 開き 
05 02 Me 
者 ココ 3 関 メニュー 
wt イス フォ ント 
Ni な ーー 得 
ルー プ さ せる 場合 に チェ ッ ク 
CO と VA / 
フレ ー ム レー ト と は 


フレ ー ム レー ト と は 、1 秒 間 に 再 生 さ れる フレ ー 
ム の 数 を 示し 、 ア ニメーション の 速度 を 決め る 際 
に 使用 され ます 。 例 えば 、1 秒 間 に 24 コマ を 表示 
する フレ ー ム レー ト の 場合 、1 秒 間 で 図 の よう に 
アニ メー ショ ン が 変化 し て いき ます 。 

フレ ー ム レー ト 数 が 高く な れ ば な る ほど 、1 秒 間 
に 表示 され る フレ ー ム 数 も 多く な り 、 よ り 詳 細 な 





星 型 が 斜め 右上 に 移動 する アニ メー ショ ン 


1 秒間 に 24 コ マ を 表示 する 















































5 ェ 1 ーー 
アニ メー ショ ン の 表現 が 可能 で す 。 そ の 一 方 、1 = 
秒間 に 表示 する 描画 数 も 比例 する た め 、 デ バイ ス  「 呈 
に 負荷 が か か り ま す 。 ・・・ <・ BBPEBBPBBBP ・・・ の 
な お 、 フ レー ムレ ー ト は Flash ムー ビー 全体 に | | | 
適用 され 、 さ ら に は ActionScript の EnterFrame 『 | 
関数 に も 適用 され ます の で 、 注 意 が 必要 で す 。 内 | | 支 | 
EnterFrame 関数 は 、 こ の フレ ー ム レー ト で 設定 
され た 数 値 の 回 数 /1 秒間 に 実行 され ます 。 アニ メー ショ ン の 家 移 





PArr 2 flash を 学 











ツー ル の 使い 方 


ツー ル パ ネ ル の ツー ル で は 、 オ ブ ジ ェ ク ト を 編集 し た り 、 描画 し た りす る こと が で きま す 。 大 ま 
か に 分 け て 、「 描 画 関連 ] と 「 表 示 ] と 「 カ ラー 設定 ] と 「 オプ ショ ン 」 の 4 つの ツー ル が あり ます 。 


@ 描 画 関連 の ツー ル 
オブ ジェ クト の 描画 や テキ スト の 入力 、 カ ラー の 塗り や 変形 に つい て の ツー ル 


























ExJPREnj 


國 還 ほ が ッ ー 時 選択 範囲 指定 し ます 。 

[ 一 【 ダ イレ クト 選択 ツー ル 】 …… パス の ポイ ント や ハン ドル を ダイ レク ト に 選択 で きま す 。 

咽 一 自由 変形 ツー ル 】… … オブ ジェ クト を 拡大 ・ 回 転 す る な ど 、 自 由 に 変形 で きま す 。 

ぃ 一 (3 回転 ツー ル |… X、Y、Z の 各 軸 、 ま た は X 軸 と Y 軸 の 周り で 自由 に 回 転 さ せる こと が で きま す 。 

5 | 一 (な げ な わ ツ ー ル 】 ………… 自由 な 形 で 選択 範囲 を 指定 で きま す 。 

9 ドン HHCKDUD ベジ ェ 曲 線 の ライ ン を 描け ます 。 

蘭 詳 一 【 テ キス ト ツ ー ル 】 …………… テキ スト を 入力 し ます 。 

WM ーーー 【 線 ツー ル 】 …… の mr 直線 が 描け ます 。 

還 紅 | 一 ! 穫 形 ツ ー ル | 本 円 、 四 角形 、 扇 形 、 多 角形 、 星 形 な どの 図形 を 描け ます 。 

有 着 | 鉛筆 ツー ル 】……………ー 自由 に 線 を 描く こと が で きま す 。 

ZZ ブラ シッ ー ル 】 HOO ブラ シ で 色 を 塗る こと が で きま す 。 

テン 【 パ ター ン 描 画 ツー ル 】 …… あら か じ め 用 意 され た 、 つ る 模様 な どの パタ ー ン を 簡単 に 描く こと が で きま す 。 

みあ 【 ボ ポー ン ツ ー ル 】 …… の tim アニ メー ショ ン を 作成 する 際 に 、 関 節 の よう な 動き を 滑ら か に 表現 する こと が で きま す 。 
みあ の SS また 、 一 度 塗っ た 部 分 を 新た な 色 で 塗り 直す こと が 
ヲ ーー【 ス ポイ トウ ー ル 】 ee 画面 上 の 色 を 抽出 する こと が で きま す 。 

一 KC 線 、 塗 り を 消す こと が で きま す 。 

あゆ カラー 設定 の ツー ル 負 表示 の ツー ル 


オブ ジェ クト の 塗り や 線 の 設定 を 行う ツー ル 


ノ 
画 
る 
し ] 
品 


線 の 色 を 表し ます 。 ク リッ ク す る 
…・ と パレ ッ ト が 表示 され 、 好 き な 色 
を 選択 する こと が で きま す 。 


【 抄 り の カラ ー】 …… 塗り の 色 を 表し ます 。 





[ 線 の カラ ー】 … 


【 折 黒 】 
【 カ ラー の 入れ 替え 】 


表示 比率 の 変更 や スク ロー ル を 行う ツー ル 


ワー クエ リア 内 の 表示 させ る 位 
【 ハ ンド ツー ル 】 ……… 置 を 変更 し た り 、 スク ロー ル バ ー 


を ドラ ッ グ し た り で きま す 。 








ー【 虫 めがね ツー ル 】 …… ステ ー ジ の 画面 表示 を 拡大 ・ 
縮小 し ます 。 








知 形 ツー ル の 使い 方 
ツー ル の 中 で も 使用 頻度 の 高い 、 邊 形 ツ ー ル を 使っ て み ま し ょ う 。 
知 形 ツ ー ル で は 四角 形 の ほか 、 多 角形 な ど を 作成 する こと も で きま す 。 








ぁ b 四角 形 の 作成 


ツー ル パ バネ ル か ら 、 知 形 ツ ー ル を 選択 し 、 ス テー ジ 上 で ドラ ッ グ し ます 。 








1 各 プ リ ミ テ ィ ブッ ー ル 0 
ト プ 介 円 プリ ミ テ ィ プ ブッ ー ル (DD 
まあ ッ ー ル 

















③ 短 形 が 作成 され る 


pb 多角 形 の 作成 


ツー ル パ ネ ル か ら 、 多 角形 ツー ル を 選択 し ます 。 プ ロ パ ティ の [オプ ショ ン ] か ら 、 多 角形 の 設定 が 行え ます 。 





M の ポイ シト サイ ズ 。 OSD_ | 
(で > ) (soc うふ ー ー ステ ー ジ 上 で ドラ ッ グ ③ 多 角形 が 作成 され る 
① プ ロ パ ティ の オプ ショ ン を 選択 し 、 多 角形 の 設定 を 行う 


才 M の 


ツー ル パ ネ ル の 表示 の 切り 替え 




















ツー ル パ ネ ル は 、 ア イコ ン 表 示 に し た り 、 
パネ ル と し て 表示 させ る こと が で きま す 。 








930 PAgr7 2 flash を 学 : 









本 軒 線 と 塗り 





知 形 ツー ル で 描画 し た 椿 円 や 四角 形 な どの オブ 
ジェ クト は 、 輪 郭 に な る 部 分 の 「 線 ] と 内 側 に な る 
部 分 の 「 塗 り ] で 構成 され て いま す 。Flash で は 、 
絵 を 描く 際 に 「 線 ] と 「 塗 り ] は 別々 の も の と し て 
扱い ます 。 線 と 塗り を 別々 の も の と し て 扱う の で 、 
「 線 の カラ ー]」「 塗 り の カラ ー」 を 分 け て 設定 で きた 
り 、 線 を 分 割 す る こと が で きま す 。 














線 と 塗り の 使い 方 


線 と な る 部 分 と 塗り と な る 部 分 に つい て 、 特 徴 的 な 箇所 を まとめ まし た 。 


pb 線 


線 は 塗り の 外側 の 枠 の 部 分 に な り ま す 。 
線 を 分 割 す る た め に は 、 線 の 一 辺 を 選択 し 、 
ドラ ッ グ し て 分 離し ます 。 


線 全体 の 色 を 変更 する に は 、 線 を ダブ ルク 
リッ ク し 、 線 を 全 選 択 し た 状態 で 、 プ ロ パ 
ティ パネ ル の [塗り と 線 ] で 色 を 変更 し ます 。 













② ド ラッ グ し て 移動 


際 村 


① 選 択 ツ ー ル で 線 の 一 辺 を 選択 








フル ファ ji00% 人 








① 選 択 ツ ー ル で 線 を ダブ ルク リッ ク す る 





| 
③ 線 の 


色 を 選択 





EEIuP El 














by 塗り 


塗り は 、 図 形 の 内 側 部 分 に な り ま す 。 
バケ ツ ツ ー ル で 色 を 塗る 場合 、 塗 り た い 色 を 「 塗 り の カラ ー] に 選択 し た 状態 で 、 パ ケツ ツー ル で 塗り に 適用 し ます 。 





フル ファ im の の 





② 塗 り に 適用 





① バ ケツ ツー ル を 選択 し 、 色 を 変更 する 


選択 ツー ル で 色 を 塗る 場合 、 塗 り の 部 分 を 選択 し た 状態 で 色 を 変更 し ます 。 





ァ ル 2zi00X の @ 


② ク リッ ク 











① 塗 り の 部 分 を 選択 3 塗り の 色 を 選択 


pb 角 丸 四角 形 を 作成 する に は 


知 形 ツー ル で 短 形 を 描く 際 に 、 プ ロ パ ティ パネ ル を 使っ て 、 線 の 部 分 の 形 を 変形 する こと が で きま す 。 知 形 ツー ル を 選 
択 し 、 プ ロ パ ティ パネ ル の [ 短 形 オプ ショ ン ] で 角 丸 の 半径 を 設定 し て か ら 、 知 形 を 描き ます 。 角 丸 の 半 径 を 「40」 に 設 
定 し た 場合 は 、 図 の よう な 角 丸 四角 形 を 描け ます 。 









3 知 形 を 作成 知 形 オプ ショ ン を 「60] に 設定 し た 場合 





①④ 短 形 オ プシ ョ ン を 「40] に 設定 


032 PAgr7 2 flash を 学ぶ 








ル オブ ジェ クト の 描画 オプ ショ ン に つい て 


知 形 ツー ル の ほか 、 ペン ツー ル 、 線 ツ ー ル 、 鉛筆 ツー ル 、 ブラシ ツー ル で 、 オブ ジェ クト の 描画 オプ ショ ン を 使用 する と 、 
他 の 描画 オブ ジェ クト と 交わ ら な い 図 形 が 描画 され ます 。 こ の 状態 の と き に 描か れ た 線 や 塗り は 、 描 いた 時 点 で 描画 オ 
ブ ジ ェクト 化 さ れる の で 、 重 な り を 気 に せ ず に どん どん 描け る の で と て も 便利 で す 。 


| 93 


① ツ ー ル パネ ルオ プ 
ショ ン [オブ ジェ クト の ② ブ ラ シ ツ ー ル オブ ジェ クト 化 さ ④ 他 の 描画 オブ ジェ オブ ジェ クト ご と 
描画 ] を ON に する な ど を 使用 する れ た 状態 で 描か れる クト を 重ね て 描く に 分 離 で きる 





nm ヨイ 


























消し ゴム ツー ル 
描い た 塗り や 線 を 消す に は 、 消 し ゴム ツー ル を 使い ます 。 消し ゴム ツー ル で は 、 ク リッ ク し た 範囲 に ある 線 や 塗り 
だ け を 消去 し た り 、 消 し ゴム を ドラ ッ グ し た 位置 に ある 図形 を 消去 する な ど 、 さ ま ざ ま な 消去 方 法 を 選択 で きま す 。 


























久 消し ゴム モー ド 
ドラ ッ グ し た 部 分 の 塗り だ け を 消去 、 線 だ け を 消 
去 、 選 択 部 分 の 塗り だ け を 消去 な ど 、 特 殊 な 消去 
が で きま す 。 
@ 
消去 する 図形 ① ド ラッ グ し た 部 ⑧ ド ラッ グ し た 部 $ ド ラッ グ し た 部  ④ 選 択 し た 塗り の ⑤ ド ラッ グ の 始点 
分 を 消去 分 の 塗り だ け を 消 分 の 線 だ け を 消去 ドラ ッ グ し た 部 分 に ある 塗り の み ド 
去 を 消去 ラッ グ し た 範囲 を 
消去 
金 消し ゴム の 大 き さ と 形 依 流 し 消す 
消し ゴム の 大 き さ と 形 を 選択 する こと が で きま す 。 [流し 消す ] を オン に し た 状態 で 流し 消し た い 線 や 塗り に 
カー ソル を 合わ せ て クリ ッ ク す る と 、 ク リッ ク し た 位置 に 
拒 あっ た 線 や 塗り が 消去 され ます 。 
生 
= の 
| ] 
に 
し 
画 ① ツ ー ル バネ ル ⑧ 消 去 し た い 部 ⑨ ク リック し た 
オプ ショ ン [流し 分 に カー ソル の 位置 に あっ た 線 
画 消す ] を ON 水滴 を 合わ せる が 消去 され る 
琶 
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シン ボル 


シン ボル と は Flash で 作成 され た ムー ビー 内 で 動く キャ ラク ター や ボタ ン な ど を 指し ます 。 
Flash で アニ メー ショ ン さ せる に は 、 個々 の 要素 が シン ボル に 変換 され て いる 必要 が あり ます 。 
シン ボル は 3 種類 あり 、 そ れ ぞ れ の 用 途 に よっ て 使い 分 け ま す 。 





シン ボル と ライ ブラ リ 


シン ボル は 3 種類 あり ます 。 








作成 し た シン ボル は [ライ ブラ リ ] に 格納 され 、 タ イプ は あと か ら 変 更 する こと も で きま す 。 





pp シン ボル の 種類 





・ ム ー ビ ー ク リッ プシ ン ボ ル …… ActionScript で 扱う こと が で きる 


・ ボ タン シン ボル ー ………… 
・ グ ラフ ィ ッ クシ ン ボ ル … 








ロー ルオ ー バ ー の 演出 な ど を 行う (AS 3 で は ボタ ン の 定義 が で き な い ) 
…" 基本 は アニ メー ショ ン の み の と き に 使う 


[ライ ブラ リ ] パネ ル に 格納 され た シン ボル の アイ コン を 見 れ ば 、 そ の シン ボル の タイ プ が 分 か り ます 。 


ムー ビー クリ ッ プ シン ボル し am ボタ ン シ ン ボル 


タイ プッ リ 


園 グラ フィ ッ ク シ ン ボ ル 
ライ フウ リ 























p シン ボル の 作成 


シン ボル を 作成 する 方 法 は 2 つ あ り ま す 。 


・ [挿入 一 新規 シン ボル ] を 選択 し 、 [新規 シン ボル の 作 
成 ] ダイ アロ グ ( 右 図 ) で 名 前 や 種類 を 選択 し ます 。 


・ 先 に シン ボル 用 の グラ フィ ッ ク を 描き 、 そ れ を 選 
択 し た 状態 で [修正 シン ボル に 変換 ] を 選び ます 。 
[シン ボル に 変換 ] ダイ アロ グ が 表示 され る の で 、 
名 前 や 種類 を 設定 し ます 。 


PAgr 2 flash を 学ぶ 





ピル た すず りり ヨ っ 1 
im 
末 :[ な ニニ タフ] 
フタ ルー : ライ ブラ リル ー ト 

詳細 * 








pk ライ ブラ リ に つい て 


ライ ブラ リ に は 、Flash フ ァイル 内 に 含 
まれ る すべ て の シン ボル と アセ ッ ト が 保 
存 さ れ て いま す 。 シンボル な ど は 作成 し 
た と き に 自動 的 に ライ ブラ リ に 追加 され 
ます 。 ここ で 、 す べ て の シン ボル の 管理 
を し て いま す 。 

シン ボル を 配置 し た い 場合 は 、[ ラ イブ 
ラリ ] パ ネル を 開き 、 シ ン ボ ル を 選択 し て 、 
ステ ー ジ 上 に ドラ ッ グ し ます 。 ステ ー ジ 上 に ドラ ッ グ し て 配置 





ライ ブラ リ か ら ス テー ジ 上 に 配置 され た オブ ジェ クト は 、「 イ ンス タン ス 」 と 呼ば れ ま 
す 。 イン スタ ンス は シン ボル の コピ ー で す 。Flash で は シン ボル を 作成 し た 後 、 そ れ を 
イン スタ ンス と し て ワー クス ペー ス 上 に 何 個 も 配置 する こと が で きま す 。 同 一 形状 の 
オブ ジェ クト の 場合 、 それぞれ を シン ボル に 変換 し て 使用 する より も 、 イ ンス タン ス と 
し て 配置 する 方 が ファ イル の サイ ズ が 軽く な り ま す 。 


シン ボル の 使い 方 


それ で は 具体 的 に 、 そ れ ぞ れ の 種類 の シン ボル に つい て 、 
特徴 と な る 部 分 を 説明 し て いき まし ょ う 。 














ぁ pk ムー ビー クリ ッ プ シン ボル 


シン ボル 独自 の タイ ムラ イン を 持ち 、 ア 
ニメーション 本 体 の フレ ー ム 数 に 関係 な 
く 再生 され ます 。 メ イン の タイ ムラ イン 
の 1 つの フレ ー ム の み に ム ー ビ ー ク リッ 
プ を 配置 する だ け で 、 ア ニメーション を 
再生 する こと が で きま す 。 モ ーション トゥ 
イー ン を 作成 する ほか 、ActionScript を 
使っ て 動作 を コン トロ ー ル する と き に 利 
用 し ます 。 動作 を 確認 する に は 、 ム ー ビ ー 
プレ ビュ ー を 実行 し ます 。 







花 (ムー ビー クリ ッ プ シン ボル ) 
ムー ビー クリ ッ プ の 中 身 








ムー ビー クリ ッ プ に は イン スタ ンス 名 を 
付け る こと が で きま す 。 








① ム ー ビ ー ク リッ プ を 選択 
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pk ボタ ン シ ン ホル 


マウ ス オ ー バ ー や クリ ッ ク な どの マウ ス 操 作 が で きる ボタ ン を 作成 する と き に 利用 し ます 。 マウ ス の 動き に 応じ た 「 ア ッ 
プ 」「 オ ー バ ー]」「 ダ ウン ]」「 ヒ ッ ト ] の 4 つの フレ ー ム が 表示 され 、 そ れ ぞ れ の オブ ジェ クト を 配置 する こと が で きま す 。 







ボル ) 





シン ボル の 中 は 4 つの フレ ー ム が ある 


①⑪「 ア ッ プ 」 フレ ー ム に は 、 通 常 の 状態 の 
ボタ ン オ ブ ジ ェクト を 配置 する 。 













⑧「 オ ー バ ー」 フレ ー ム に は 、 マ ウス オー 
パー 状態 の オブ ジェ クト を 配置 する 。 
同様 に 、「 ダ ウン 」 フレ ー ム に は マウ ス 
を ボタ ン 上 で クリ ッ ク し た 状態 の オブ 
ジェ クト を 配置 する 。 

「 ヒ ッ ト 」 に は ボタ ン と し て 認識 する 領 
域 を 指定 する 。 
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p グラ フィ ッ ク シ ン ボ ル 


ステ ー ジ で 使う 図形 や 文字 ビッ トマ ッ プ な どの 静止 し た グラ フィ ッ ク を 1 つの パー ツ と し て 登録 し た シン ボル で す 。 
タイ ムラ イン 上 で それ ぞ れ の シン ボル を 動か し て アニ メー ショ ン を させ る こと が で きま す 。 


タイ ムラ イン アニ メー ショ ン 






























グラ フィ ッ ク シ ン ボ ル は ActionScript で 制 
御 す る こと は で き な い の で 、[ プ ロ パ ティ ] 
パネ ル の 「 ル ー プ ]「 一 回 再生 」「 単 二 フ レー 
ム ] の いずれ か か ら 、 再 生 方 法 を 選択 する 
必要 が あり ます 。 



























フレ ー ム と タイ ムラ イン 


タイ ムラ イン は 、Flash アニ メー ショ ン の 「 時 間 軸 ] に な る 部 分 で す 。 各 マス 目 上 の 「 フ レー ム ] 
に 配置 し た オブ ジェ クト は 、 時 間 軸 に 沿っ て 再生 され ます 。 





タイ ムラ イン パネ ル に つい て 


[タイ ムラ イン ] パネ ル は この よう な 構成 に な っ て いま す 。 











[再生 ヘッ ド ] 選択 中 の フレ ー ム を 示す [フレ ー ム ] アニ メー ショ ン の 1 コマ を 表す 





[経過 時 間 ] 再生 ヘッ ド が ある フレ ー ム まで の 再生 時 間 を 表示 する 
[フレ ー ム レー ト ] 1 秒 あ た り の アニ メー ショ ン が 再生 され る フレ ー ム 数 


[カレ ント フレ ー ム ] 再生 ヘッ ド が ある フレ ー ム 





タイ ムラ イシ 
[タイ ムラ イン ] の 文字 を ダブ ルク リッ ク す る こと で 表示 を 折り 畳む こと が で きる 


ルル フレ ー ム の 種類 


オブ ジェ クト の 有無 や 、 設 定 さ れ て いる アニ メー ショ ン の 種類 な ど 、 状 況 に よっ て 、 フ レー ム の 表示 内 容 が 変わ り ます 。 


「 空 白 キ ー フ レー ム 」 
何 も 入 っ て いな い キ ー フ ActionScript が 記述 され た 
「 キ ー フ レー ム 」 


サウ ンド が 設定 され た フ 
レー ム 


図形 や テキ スト な どの オブ 

日 ジェ クト が 配置 され て いる 
np キー フレ ー ム 

な に も 設定 され て いな い フ フレ ー ム ラベ ル が 設定 され 
レー ム た フレ ー ム 


ll 
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モー ショ ント ウゥ ウイーン が 設 コメ ント ラベ ル が 設定 され 
定 さ れ た フレ ー ム pm の ィ ャ ンダ 由 た フレ ー ム 

クラ シッ クト ゥ イー ン が 設 シェ イプ トゥ イー ン が 設定 
十 き れ た フレ ー ム きれ た ラレー ム 

クラ シッ クト ゥ イー ン は 設 シェ イプ トゥ イー ン が 設定 
= を され て いる が 、 最 の キー され て いる が 、 最 後 の キー 


フレ ー ム が 設定 され て いな フレ ー ム が 設定 され て いな 
い フ レー ム い フ レー ム 








フレ ー ム の 追加 と 削除 
タイ ムラ イン 上 で 、 フ レー ム を 挿入 する こと で オブ ジェ クト を 表示 させ た り 、 
表示 させ る 時 間 や タイ ミン グ を 指定 し ます 。 








@ フレ ー ム の 挿入 あ フレ ー ム の 削除 

タイ ムラ イン 上 で 右 ク リッ ク を し て 、[ フ レー ム の 挿入 ] 削除 し た い フ レー ム で 右 ク リッ ク を し て 、[ フ レー ム を 削 
を 選択 し ます 。 除 ] を 選択 し ます 。 

@ キー フレ ー ム の 挿入 久 空 白 キー フレ ー ム の 挿入 

タイ ムラ イン 上 で 右 ク リッ ク を し て 、[ キ ー フ レー ム の 挿 タイ ムラ イン 上 で 右 ク リッ ク を し て 、[ 空 白 キ ー フ レー ム 
入 ] を 選択 し ます 。 の 挿入 ] を 選択 し ます 。 


多 空白 キー フレ ー ム の 削除 
削除 し た い フ レー ム を 右 クリ ッ ク し て 、[ 空 白 フ 
レー ム を 削除 ] を 選択 し ます 。 


② 項 目 を 選択 







モー ショ ント ッ ゥ イー ン を 作成 
シェ イプ トゥ イー ン を 作成 
クラ シッ クト ゥ イー ン を 作成 





キー フレ ー ム の 振 入 
空白 キー フレ ー ム を 振 入 
キー フレ ー ム を 削除 
キー フレ ー ム に 変換 
空白 キー フレ ー ム に 変換 
フレ ー ム を カッ ト 
フレ ー ム を コピ ー 
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複数 フレ ー ム の 表示 


通常 、 タ イム ライ ン 上 で は 再生 ヘッ ド に ある フレ ー ム し か 表示 され ませ ん が 、 
オニ オン マー カー で 選択 され た 範囲 内 の タイ ムラ イン フレ ー ム の 表示 を 見 る こと が で きま す 。 








ル オニ オン スキ ン 
多 オ ニオ ンス キン 
再生 ヘッ ド の 前 後 の フ レー ム が 透過 し て 表示 され ます 。 表 示さ れる 範囲 は 、[ オ ニオ ンマ ー カ ー を 修正 ] で 設定 し ます 。 


あゆ オニ オン スキ ン ア ウト ライ ン 
再生 ヘッ ド の フレ ー ム と その 前 後 の フ レー ム に ある オブ ジェ クト が アウ トラ イン で 表示 され ます 。 


複数 フレ ー ム を 編集 
複数 の フレ ー ム を 選択 し て レイ ヤー の 全体 を 移動 する 場合 な ど は 、「 複 数 フレ ー ム を 編集 ] を 選択 し ます 。 


オニ オン スキ ン 








オニ オン マー カー を 修正 


複数 フレ ー ム を 編集 











オニ オン スキ ン ア ウト ライ ン 


pp オニ オン マー カー を 修正 


[オニ オン マー カー を 修正 ] で 選択 する 範囲 を 変更 する こと が で きま す 。 





3 還 | 
オニオン スキ ンマ ー カ ー を 北 に 表示 | イー オン スキ ン 表示 が オフ の と き で も オニ | 


















0 かこ ちち オン スキ ンマ ー カ ー を 表示 し ます 。 」 

請 再生 ヘッ ド を 動か し て も 、 オ ニオ ンス キン | 
大 オジ タ オニ オン スキ ンマ ー カ ー の 設定 マー カー の 位置 は 固定 され た まま に な り | 
オニ オン 5 ます 。 | 
オニ オン スキ ン (すべ て ) オニ オン 2 再生 ヘッ ド の 前 後 2 フレ ー ム を 表示 し ます 。| 











| オニ オン 5 再生 ヘッ ド の 前 後 5 フ レー ム を 表示 し ます 。 
オニ オン スキ ン ( す べ て ) すべ て の フレ ー ム を 表示 し ます 。 | 
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チー ジン グ 
イー ジン グ と は 、 モー ショ ント ゥ ウイーン や シェ イプ トゥ イー ン の 動き に 変化 を 付け る 機能 で す 。 
次 第 に 加速 し て いく 「 イ ー ズ イン 」 と 、 次 第 に 減速 (て いく 「 イ ー ズ アウ ト 」 の 設定 が で きま す 。 


トゥ イー ン の 初期 設定 は 、 等 速 移動 の 動き で す の で 、 ど うし て も 機械 的 な 動き に な っ て し まう た め 、 
滑ら か な 動き を 加え る こと が で きる イー ジン グ は 、Flash アニ メー ショ ン で は 頻繁 に 利用 し ます 。 


0%bB | 9!  V 詞 


設定 な し : 等 間隔 で 移動 イー ズ イ ン : 加速 する イー ズ ア ウト : 減速 する 


Cs 
人 
ゴ 
回 
た 
m 


























に 
イー ジン グ の 使い 方 
イー ズ イ ン 、 イ ー ズ アウ ト 、 と も に [プロ パテ ィ ] パネ ル か ら 設 定 を 行い ます 。 
ここ で は 、 シ ェ イ プ ト ゥ イー ン に イー ジン グ を 付け て いく 方 法 を 紹介 し ます 。 


金 イー スイ ン ( 加 速 ) 

トゥ イー ン を 設定 し た フレ ー ム を 選択 し た 状態 で 、 
[プロ パテ ィ ] パネ ル の 「 ト ゥ イー ン : イー ジン グ ] 
を 「-100] に する と 、 次 第 に 加速 し (て いく アニ メー 
ショ ン に な り ま す 。 






レー ム を 選択 











② イ ー ジ ング を -100」 に v 定 
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ゆあ イー ズ ア ウト (減速 ) 

トゥ イー ン を 設定 し た フレ ー ム を 選択 し た 状態 で 、 
[プロ パテ ィ ] パネ ル の 「 ト ゥ イー ン : イー ジン グ ] 
を 「100] に する と 、 次 第 に 減速 し て いく アニ メー 
ショ ン に な り ま す 。 





① フ レー ム を 選択 

















② イ ー ジ ング を 「100] に 設定 








イー ジン グ の 詳細 設定 


モー ショ ント ゥ ウイーン と クラ シッ クト ゥ ウイーン で は 、 イ ー ジ ング の 詳細 設定 を 行え ます 。 














ル k モー ショ ント ゥ イー ン 一 モー ショ ン エ ディ タ の 利用 


モー ショ ント ウゥ イー ン に イー ジン グ を 適用 する 際 、Flash CS4 か ら 追加 され た モー ショ ン エ ディ タ で 、 あ ら か じ め 用 意 
され た イー ジン グ パ ター ン を 簡単 に 適用 する こと が で きま す 。 

モー ショ ント ゥ イー ン を 指定 し た い オ ブ ジ ェクト を 選択 ツー ル で 選択 し た 状態 で [ウィ ンド ウー モー ショ ン エ ディ タ ] 
で モー ショ ン エ ディ タ を 表示 し ます 。 イ ー ジ ング の 種類 を 選択 し 、 各 プロ パテ ィ で 個別 に 適用 し ます 。 


モー ショ ン エ ディ タ 





イー ジン グ な し 
1- シ ンプ ル ( 低 還 ) 






に と ッッ om] 
gz=gz グ csJ 4 


gg=zZgzs) < 






⑧ イ ー ジ ング を 適用 















シン プル (低速 ) 
シン ブル (標準 ) 
シン プル 
シン プル (最速 ) 
停止 と 開始 ( 低 吉 ) 
停止 と 開始 ( 森 準 ) 
停止 と 開始 (高速) 
停止 と 開始 (最速) 


パウ ンス イン 


正 蓄 波 
ーー デム ae 






① イ ー ジ ング の 種類 を 選択 
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ステ ー ジ 上 の モー ショ ント ゥ イー ン ③ ト ゥ イー ン ア ニ メ に イー ジン グ が 適用 され る 


p クラ シッ クト ゥ イー ン 一 カス タム イー ズ スイ ン / イ ー ズ アウ ト 
クラ シッ クト ウゥ イー ン で も 、 イ ー ジ ング の 詳細 設定 を 行う こと が 可能 で す 。[ プ ロ パ ティ ] パネ ル の 「 ト ゥ イー ン 」 に 
ある [イー ジン グ を 編集 ] の アイ コン を クリ ッ ク し ます 。「 カ スタ ムイ ー ズ イン / イ ー ズ アウ ト 」 ウィ ンド ウ が 表示 され 
表記 


プロ パテ ィ パ ネル 
マト ドゥ イー シー 
イー ジン グ :- 46 アウト 











① 「 イ ー ジ ング を 編集 ] を クリ ッ ク 





阪 還 販 II カス タム イー ズ イ ン / イ ー ズ アウ ト 
( 合 寺 eimy| の ウィ ンド ウ が 表示 され る 





プロ パティ: | フィル タ : 隊 す べ て の プロ パテ ィ に 対し て 同じ 粗 定 を 使用 する 


トゥ イー ン 








上 ③ 曲 線 を ドラ ッ グ し て イー ジン グ を 
設定 する 





5 1o 15 2o 
フレ ー ム 136 .312 % 


| ラレー ト 

















レイ ヤー は 必要 に 応じ て 、 削 除 ・ 追 加 す る こと が で きま す 。 タ イム ライ ン で レイ ヤー を 追加 
し た り フォ ル ダ に まとめ られ る 他 、 レ イヤ ー の ロッ ク / ロ ッ ク 解 除 や 、 表 示 を 行い ます 。 


[タイ ムラ イン ] パネ ル に お ける レイ ヤー の 構成 は 、 こ 
の よう に な っ て いま す 。 


レポ ヤー 


の 機能 


レイ ヤー を 表示 非 表示 





レイ ヤー を 削除 





新規 フォ ル ダ の 作成 


新規 レイヤー の 作成 


レイ ヤー が た くさ ん 作成 され て くる と 、 管 理 が 大 変 に な り ま す 。 
そう いっ た 際 に 便利 な 、 レ イヤ ー 機 能 を 紹介 し ます 。 


ロッ ク デ ロッ ク 解 除 


アウ トラ イン で 表示 


⑱ レイ ヤー の 表示 / 非 表示 


レイ ヤー の | 隔 | 欄 を クリ ッ ク で 、x 印 が 表示 され 、 レ イ 





ヤー 全体 の 表示 / 非 表示 を 切り 替え られ ます 。 





q レイ ヤー 4 
Y 加 フォ ル ダ ュ 


レイ ヤー 


外 レイ ヤー 2 








レイ ヤー を 表示 非 表示 


PAkr 2 flash を 学ぶ 


⑱ ロッ ク プ ロッ ク 解 除 
レイ ヤー の [| 較 欄 を クリ ッ ク で 、 鍵 印 が 表示 され 、 レ イ 
ヤー 全体 の ロッ ク プ ロッ ク 解 除 が で きま す 。 


レイ ヤー4 
Y 還 フォルダ ュ 1 
| レイ ヤー3 


M レイ ヤー 2 








ロッ ク デ ロッ ク 解 除 








仙 レイ ヤー 名 の 変更 
レイ ヤー の 名 前 を 変更 する に は 、 レ イヤ ー 名 の と ころ を ダブ ルク リッ ク し ます 。 レ イヤ ー の 名 前 が 編集 で きる 状態 に な 
り ま す の で 、 新 し い 名 前 を 入力 し ます 。 


と 
は ) 
た 
生 


T 
し 、】 











レイヤー 名 の 上 に マウ スカ ー ソ ル ② ダ ブル クリ ッ ク で 名 前 が 編集 可能 ③ 新 し い 名 前 を 入力 する 
を 持っ て 行く に な る 


ゆあ レイ ヤー を アウ トラ イン で 表示 
レイ ヤー の 回 欄 を クリ ッ ク で 、 一 が 枠 だ け の 口 表示 に な り ま す 。 オ ブ ジ ェクト の アウ トラ イン だ けが 表示 され る よう 
に な り ま す 。 

















。 包 レ イヤ ー4 
Y 力 フォ ル ダ ュ 
て レイ ヤー3 
レイ ヤー 2 











通常 表示 アウ トラ イン 表示 





レイ ヤー を アウ トラ イン で 表示 


ゆ 詳細 設定 
レイ ヤー の 名 前 の 前 に ある アイ コン ([ 還 |)) を ダブ ルク リッ ク す る と 、 レ イヤ ー プ ロ パ ティ の ウィ ンド ウ が 表示 され 、 詳 細 
設定 を 行う こと が で きま す 。 









団 表示 ロロ ッ ク キャ ン セ ル 













(① ダ ブル クリ ッ ク アウ トラ イン カラ ー 
レイ ヤー を アウ トラ イン 表示 


レイ ヤー の 高き : [oo ーー 








② レ イヤ ー プ ロバ パテ ィ が 表示 され る 











記 壮 アニ メー ショ ン を 作る 


タイ ムラ イン に 表示 させ る フレ ー ム は 、 ア ニメーション の 1 コマ に な り ま す 。 こ の 、 タ イム ラ 
イン 上 で 連続 し て 再生 され る フレ ー ム に よっ て アニ メー ショ ン が 構成 され て いま す 。 ア ニ メ ー 
ショ ン に は 、「 フ レー ム ・ ア ニメーション (パラ パラ 漫画 の よう に 1 フレ ー ム ご と に 異な っ た 絵 
の 連続 で で きた アニ メ )」 と 「 ト ゥ イー ン ア ニメーション (最初 と 最後 の 絵 の 間 の 動き を 自動 
的 に 補完 し て くれ る アニ メ )」 が あり ます 。 





アニ メー ショ ン が 合わ れ て いる サン プル : 合わ せ て 読む と 便利 項目 
_ 田 PRACTICE1: 。 CS 区 PE FR 
の コマ 全体 の アニ メー ショ ン を 作る ー・P180 へ ! 画 イ ー が. 3 











046 PAgr 2 flash を 学ぶ 








や 2 
モー ショ ント ウイ ー ン と シェ イプ トゥ イー ン 
それ で は 具体 的 に トゥ イー ン ア ニメーション に つい て 説明 し て いき まし ょ う 。 
トゥ イー ン に は 「 モ ーション トゥ イー ン 」] と 「 シ ェ イ プ ト ゥ イー ン 」] の 2 種類 が あり ます 。 








ぁ pk モー ショ ント ゥ イー ン 


モー ショ ント ウゥ イー ン は 、 グ ルー プ 化 また は シン ボル に 変換 され た オブ ジェ クト に 対し て 設定 可能 な アニ メー ショ ン で す 。 
モー ショ ント ウゥ イー ン は 、 オ ブ ジ ェクト の 大 き さ や 角度 、 傾 斜 や 位置 な どの プロ パテ ィ を 自動 的 に 変化 させ る と き に 利 
用 し ます 。Flash CS3 まで の モー ショ ント ゥ イー ン は 「 ク ラシック トゥ イー ン ] と 名 前 が 変更 され て いま す 。 モ ーション 
トゥ イー ン と クラ シッ クト ウゥ イー ン の 機能 面 の 違い に つい て は 、 次 ペー ジ で 解説 し ます 。 




















pk シェ イプ トゥ イー ン 


シェ イプ トゥ イー ン と は 、2 つ の キー フレ ー ム 間 で 設定 し ます 。 
それ ぞ れ の キー フレ ー ム に 配置 し た シェ イプ の 位置 や 形状 、 カ ラー を トゥ イー ン し ます 。 

















o4 を 


pj モー ショ ント ゥ イー ン 、 ク ラシック トウ イー ン の 違い 


クラ シッ クト ゥ イー ン は Flash CS3 以 前 の Flash で 作成 され た トゥ イー ン の こと を 指し 、 キ ー フ レー ム ご と に イン スタ 
ンス 、 グル ー プ お よび タイ プ の 位置 、 サ イズ 、 回 転 、 傾斜 を トゥ イー ン で きま す 。 CS4 の モー ショ ント ゥ ウイーン で は トゥ 
イー ン を 細か く 制 御 さ で きま す が 、 ク ラシック トゥ イー ン で は フレ ー ム スク リプ ト を 使用 で きた り 、 グ ラフ ィ ッ クシ ン ボ 
ル の フレ ー ム 数 の 設定 が で きる な どの 、 特 定 の 機能 が ある 点 で 優位 で す 。 


項目 モー ショ ント ゥ イー ン | クラ ッ シ ッ クト ゥ イー ン 











キー ジレ シー ム 使用 し な い 使用 する 
トゥ イー ン 作 成 に 必要 な オブ ジェ クト 数 1 ト で 作成 する こと が で き 4 ト 間 で 作成 する こと が で 





計 ps 寺 ス 4h ポ 光 m ョ R 学 の 肖 表 に あー ラック ク Sakbip 
テキ スト の アニ メー ショ ン イー ン を 作成 する こと が 可能 グラ フィ ッ ク シ ン ボ ル に 変換 され る 








フレ ー ム スク リプ ト 使用 で き な い | 使用 で きる 
タイ ムラ イン 上 で の 伸縮 と サイ ズ 変更 | 半 ー オ フジ ェクト と し て 提 わ れる の で 朗 」 フレ ー ム 単位 で 個別 の 変更 が 可能 





モー ショ ント ゥ イー ンス パン 全体 に 適用 
され る (特定 の フレ ー ム の み イ ー ジ ング す 











イー ジン グ の 適用 る に は 、 カ スタ ムイ ー ジ ング 曲線 の 作成 キー フレ ー ム 間 の フレ ー ム に 適用 され る 
が 必要 ) 
カラ ー 効 果 の 適用 各 ト ゥ イー ン に つき カラ ー 効 果 を 1 つ だ | 着色 や アル ファ 透明 度 な どの カラ ー 効 果 
け 適用 で きる を 2 つの 異な っ た 設定 間 で 適用 で きる 
「X」、「Y」、 お よび 「Z] 軸 を 持つ 3D オブ ジェ 
クト の アニ メー ショ ン 化 be ai 
グラ フィ ッ ク シ ン ボ ル の フレ ー ム 数 の 増減 | 設定 で き な い 設定 で きる 


























トゥ イー ン の 作成 方 法 


モー ショ ント ゥ イー ン と クラ シッ クト ゥ イー ン そ れ ぞ れ の 作成 方 法 を 解説 し ます 。 











ルル モー ショ ント ゥ イー ン の 作成 ( 炎 ベ ー ジ の 図 参照) 


① イ ラス ト を タイ ムラ イン に 配置 し ます 。 

② 右 クリ ッ ク で [モー ショ ント ウゥ イー ン を 作成 ] を 選択 し ます 。 

③ タ イム ライ ン が 水色 に 変化 し ます 。 こ の 状態 を 「 ト ゥ イー ンス パン ] と 言い ます 。 
④ 作 成 さ れ た 「 ト ゥ イー ンス パン 」 の 最後 の フレ ー ム を 選択 し ます 。 

⑤ 動か し た い 位 置 に メイ ンス テー ジ の イラ スト を ドラ ッ グ し ます 。 

⑥ 最 後 の フ レー ム に 印 が 付け られ ます 。 こ れ を プロ パテ ィ キ ー フ レー ム と 言い ます 。 


PAxr 2 flash を 学ぶ 

























⑧ [モー ショ ント ゥ イー ン を 作成 ] を 選択 


クラ シッ クト ゥ イー ン を 作成 


フレ ー ム を 振 入 
フレ ー ム を 削除 


キー フレ ー ム の 近 入 . 
空白 キー フレ ー ム を 光 入 
キー フレ ー ム を 首 除 
キー フレ ー ム に 変換 
空白 キー フレ ー ム に 変換 


フレ ー ム を カッ ト 
フレ ー ム を コピ ー 
フレ ー ム を ベー スト 
フレ ー ム の クリ ア 
すべ て の フレ ー ム を 選択 


モー ショ ン を コピ ー 
AS 3.0 に モー ショ ン を 書き 出し て コピ 
モー ショ ン を ベー スト 

モー ショ ン を 特殊 ペー スト 















フレ ー ム の 長 転 
シン ポル の 同期 


アク ショ ン 





④ 最後 の フレ ー ム を 選択 


⑤ 動か し た い 位置 に イラ スト を ドラ ッ グ 





⑥ 「 プ ロ パ ティ キー フレ ー ム 」 が 作成 され る 





o45 








ぁみ クラ シッ クト ゥ イー ン の 作成 


① イ ラス ト を タイ ムラ イン に 配置 し ます 。 

⑧ 動 き の 最後 の フレ ー ム で 右 ク リッ ク を し 、[ キ ー フ レー ム の 挿入 ] を 選択 し ます 。 

ステ ー ジ 上 の イラ スト を 動か し た い 最 後 の 位 置 に 移動 し ます 。 

(④ キ ー フ レー ム の 間 の フレ ー ム の いずれ か を 選択 し た 状態 で 右 ク リッ ク を し 、[ ク ラシック トゥ イー ン を 作成 ] を 選択 し 


ます 。 





① イ ラス ト を タイ ムラ イン に 配置 






モー ショ ント ゥ イー ン を 作成 
シェ イプ トゥ イー ン を 作成 
クラ シッ クト ゥ イー ン を 作成 


フレ ー ム を 振 入 






キー フレ ー ム を 削除 
キー フレ ー ム に 変換 
空白 キー フレ ー ム に 変換 





③ 動 か し た い 位置 に イラ スト を ドラ ッ グ 





④ [クラ シッ クト ゥ イー ン を 作成 ] を 選択 
モー ショ ント ゥ イー ン を 作成 








フレ ー ム を 振 入 
フレ ー ム を 削除 


キー フレ ー ム の 着 入 

空白 キー フレ ー ム を 揮 入 
キー フレ ー ム を 前 除 
キー フレ ー ム に 変換 
( 紫 に 色 が 変化 し 、 矢 印 が 表示 され る ) 空白 キー フレ ー ム に 変 挨 





PAg7 2 flash を 学ぶ 





2- ん 


cc て vwE に 
。 駐 還 マス ク を 使う 





オブ ジェ クト を 部 分 的 に 表示 し た い 場 合 、 そ の 範囲 を 指定 する 機能 が 「 マ スク ] で す 。「 マ スク ] 


は 、 表 示し た い グ ラフ ィ ッ ク と 、 そ の 対象 と な る オブ ジェ クト を 別々 の レイ ヤー に 配置 する こ 


と で 、 作 成 で きま す 。 






< 


マス ク が 使わ れ て いる サン プル 


軒 PRACTICE 1 : マス ク を 作成 する …… oo 


レイ ヤー を マス クレ イヤ ー に し た り 外 し た りす る 操作 は 、 次 ペー 
ジ の 方 法 以外 に [レイ ヤー プロ パテ ィ ] か ら も 行え ます 。 

レイ ヤー 名 の 前 に ある アイ コン を ダブ ルク リッ ク し て [レイ ヤー プ 
ロ パ ティ ] を 表示 し ます 。 

[種類 ] の 「 マ スク ] を 選択 する と マス クレ イヤ ー に 、「 マ スク の 対 
象 ] を 選択 する と マス クレ イヤ ー に 従っ て マス ク さ れる レイ ヤー に 
な り ま す 。「 標 準 ] を クリ ッ ク す る と 通常 の レイ ヤー に 戻り ます 。 





い 


EIC SE 





マス クレ イヤ ー 


マス ク の 対象 レイ ヤー 


ステ ー ジ ( 青 景 ) 


マス ク の 適用 結果 


に | -_ - 昌 還 

尺 表 直 加 ロロ 2 
BIO 
Os2XW 





〇 ゃ 120 多 ( 
〇 フ e ぇ テー の 
〇 Re 


ァ ウ トラ イン カテ ー , 還 
ロイ ヤー を アウ トラ イン 表示 (の) 
-gmeeo ss 」<] 








or2 


| 





マス ク の 使い 方 


マス ク は 、 オ ブ ジ ェクト その も の は 変更 せ ず に 、 一 部 分 だ け を 表示 する 際 に 使用 し ます 。 
例え ば 窓 枠 を て スク レイ ヤー に し て 、 外 を 流れ る 風景 に マス ク を か け て 表示 させ る 、 な どの 例 が 挙げ られ ます 。 








①④ 星 型 の シェ イプ の レイ ヤー の 上 に 、 新 規 レ イヤ ー で シェ イプ と な る 円 形 を 描い た レイ ヤー を 作成 し ます 。 
マス クレ イヤ ー を 右 クリ ッ ク し て [マス ク ] を 選択 し ます 。 

③ レ イヤ ー の 表示 が 変更 され ます 。 

(④ マ スク が 適用 され 、 オ ブ ジ ェクト を 配置 し た 部 分 だ け 、 星 形 シ ェ イ ブ が 表示 され ます 。 


マス ク の 対象 


文 文 文 
文 文 友 
文 文太 


マス ク す る 形 








① レ イヤ ー に 配置 する 





すべ て 表示 
他 を ロッ ク す る 
他 を 隠す 


レイ ヤー を 挿入 
レイ ヤー を 削除 


ガイ ド 
クラ シッ クモ ーション ガイ ド を 追加 












マス クレ イヤ ー を クリ ッ ク し て [マス ク ] を 選択 


フォ ル ダ の 振 入 
フォ ル ダ の 削除 
フォ ル ダ を 開く 
フォ ル ダ を 閉じ る 


すべ て の フォ ル ダ を 開く 
すべ て の フォ ル ダ を 閉じ る 


プロ パテ ィ .… 





③ レ イヤ ー の 表示 が 変更 され る 












マス ク が 適用 され る 





PAr 2 flash を 学ぶ 






























記 凍 3 あ 


し 納 


画像 の 扱い 方 


Flash で は 画像 ファ イル を ライ ブラ リ に 読み 込む こと で 、 そ れ を 画面 に 配置 し た り 、 シ ン ボ ル 
化す る こと が 可能 で す 。 こ こ で は 、 画 像 を ライ ブラ リ に 読み 込み 、 使 用 する 方 法 を 説明 し ます 。 


合わ せ て 読む と 便利 な 項目 
較 シン ボル 
時 Loader 












画像 ファ イル を Flash に 読み 込む 


Flash ファ イル に 画像 ファ イル を 読み 込み ます 。 
JPEG、GIF、PNG、BMP な ど 、 さ ま ざ ま な 形式 の ファ イル を 読み 込め ます 。 


























ぁ p ライ フラ リ に 画像 を 読み 込む 画 人 se:5 人 ーッ 
還 豆 人 (E) 表示) 提 入 (D 俺 正 ( め テキ スト T) コマ ンド C) 制 
Flash フ ァイル に 画像 ファ イル を 読み 込む 際 に は 、[ フ ァイル ー | WW 。 eu 
読み 込み ライ ブラ リ に 読み 込み ] を 実行 し ます 。 表 示さ れる RA718 了 KOD 
ダイ アロ グ で 、 読 み 込 みた い 画像 ファ イル を 選択 し 、「 開 く 」 ボ | や や" oo 
タン を 押し ます 。 な お 、[ フ ァイル 一 読み 込み ー ステ ー ジ に 読 人 人 に 066GMNe 
み 込 み ] を 実行 する と 、 読 み 込ん だ 画像 デー タ が 自動 的 に ステ ー 2 
ジ に 配置 され ます 。 OM 
Flash で は 、「JPEG」 や 「GIF]、「PNG」、「BMP] な ど 、 さ ま ざ 
まな ファ イル 形式 の 画像 を 読み 込む こと が で きま す 。 一 般 的 に 42 の  。 攻 20M み か 
透過 情報 が 含ま れ て いる 画像 は 「PNG」 形式 の も の を 利用 する 1 上. テ ーー 
こと が 多い で す 。 
アイ ル の 場所 の ご コ 入村 居 〇 きど 
| 
ee 
以 








参考 : Flash CS4 で サポ ー ト され て いる ベク ター ファ イル また は ビッ トマ ッ プ ファ イル の 形式 / 
http://help.adobe.com/ja_JP/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6- 


7ea8a.htm#WSd60f23110762d6b883b18f10cb1fe1af6-7ea3a 





EL よ Eg/ 


PE 











読み 込ま れ た 画像 ファ イル は ライ ブラ リ 内 に 格納 
され ます 。 

画像 アイ テム を 使用 し た いと き は 、 ラ イブ ラリ か 
ら ド ラッ グ す る こと で 画像 を ステ ー ジ 上 に 配置 す 
る こと が で きま す 。 





ライ ブラ リ に 格納 され た 画像 ファ 
イル に は 、[| 調 アイ コン が ファ イル 
名 の 前 に 表示 され る 





複数 の ファ イル を 読み 込み た いと き に は 、 読 み 込 
みた い 画像 ファ イル を 選択 する 際 に 、Shift キ ー を 
押し な が ら 複 数 の ファ イル を 選択 し ます 。 こ の 状 
区 で 「 開 く ] ボタ ン を 押す こと で 、 複 数 の 画像 ファ 
イル を 一 度 に 読み 込む こと が で きま す 。 





読み 込ん だ 画像 の 画質 を 変更 する 


ライ ブラ リ パ ネ ル か ら 、 読 み 込ん だ 画像 ファ イル の 画質 を 変更 する こと が で きま す 。 














ぁ b 画像 の 画質 を 変更 する 


画質 を 変更 し た い ラ イブ ラリ の 画像 アイ テム を 選 
択 し て 、 右 クリ ッ ク 一 [プロパティ .… ] を 選択 し 
ます 。 

次 ペー ジ の [ビッ トマ ッ プ プロ パテ ィ ] ウィ ンド ウ 
が 開く の で 、 こ こ で 画質 の 設定 を 行い ます 。 各 項 
目 の 設定 を 行い 、「OK| ボタ ン を 選択 する と 設定 が 
保存 され ます 。 

ライ ブラ リバ パネ ル で 右 クリ ッ ク 
ーー [プロパティ .… ] を 選ぶ 
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ここ で 設定 で きる 項目 や 、 使 用 で きる 機能 に は 以下 が あり ます 。 


① ス ムー ジン グ 
画像 に スム ー ジ ング を か ける か 設定 し ます 。 こ の 項目 を 選 
択 する と 拡大 / 縮 小 時 の 画像 の 品質 が 向上 し ます 。 


② 圧 縮 
画像 の 圧縮 方 式 を 選択 し ます 。 選 択 可 能 な 圧縮 方 式 は 以 
下 の 2 つ で す 。 


設定 し た 画質 の 値 に 合わ せ て 画像 デー 
タ が 圧縮 され ます 。 数 字 が 大 きい ほど 

写真 画質 (JPEG) | 千 』 山 し た 際 の ファ イル サイ ズ も 大 き 
く な り ま す 。 


画像 が ロス レス 圧縮 され 、 デ ー タ が 劣 | 
衝 公 50 | 








③ 画 質 
圧縮 で [写真 画質 (JPEG)」 を 選択 し て いる と きのみ 設定 で 
きま す 。「 読 み 込 ん だ JPEG デー タ を 使用 する 」 を 選択 する 
と も と も と の 画質 に な り ま す 。「 カ スタ ム ] を 選択 し た 場合 
は 、1 一 100 まで の 任意 の 数 値 を 設定 する こと が 可能 で す 。 


《④ テ スト ボタ ン 


各 項 目 を 設定 し 、 こ の ボタ ン を 押す こと で 、 圧 縮 後 の ファ 
イル サイ ズ を 表示 する こと が で きま す 。 


CO とり 


「.ai デ ー タ 、.psd デ ー タ 」 の 読み 込み 


ai 形式 や psd 形 丈 の デー タ を 読み 込む 際 


に も 、 通 常 の 画像 と 同様 に 「 ラ イブ ラリ ーーHRa 
に 読み 込み ] を 実行 し ます 。 こ の 場合 、 RAbmawesw イヤ ー を oO 


回 * 口 昌 
読み 込み 項目 を 詳細 に 設定 で きる ウィ ン 5 
ドウ が 立ち 上 が り ま す 。 こ の ウィ ンド ウ 
上 で は 、 レ イヤ ー や オブ ジェ クト ご と に 
読み 込む か どう か の 選択 を 行え た り 、 読 
み 込 み 形 式 を ビッ トマ ッ プ 形式 か ベク 
ター 形式 か を 選択 し た り と 、 非 常に 詳細 
な 読み 込み 設定 が 行え ます 。 


団 


憶 | 回 回 回 回 回 回 回 回 回 回 


! っ の Vs トマ > プイ テーラ と LC 読み Xe 


の の の の の の の の の の の | 





-:WDocuments and SattnosWOrshW テ : 
の 2 





2009 年 1z 月 7 日 z1:34:20 
142 x 204 ビク セル 3 ビッ トピ クセ ル 


画質 : の) 読み 込ん だ PEe デー タ を 使用 する 
〇 % ム : 


込ん だ PEGr オリ ジ ナ ル = 115.9 
ー20.4Ib, オリ ジ ナル 17% 
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で 





ウコン 
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四 サウ ンド の 扱い 方 


Flash ム ー ビ ー に は 音 を 入れ 込む こと が で きま す 。 こ こ で は 、 音 の 取り 込み 方 か ら 、 音 の 再生 
方 法 ま で を 解説 し ます 。 ま た 、 そ れ 以 外 に 音 を ActionScript で 制御 する や り 方 も あり ます が 、 
詳し く は LECTURE 5-7 で 解説 し て いま す 。 











サウ ンド を 扱う 


Flash ム ー ビ ー 上 で サウ ンド を 再生 する 方 法 は 、「fla フ ァイル に 取り 込ん で タイ ムラ イン 上 で 再生 ]」[fa フ ァイル に 
取り 込ん だ ファ イル を ActionScript を 使っ て 再生 」「 外 部 の サウ ンド ファ イル を 再生 」 の 3 つが あり ます 。 











3 つの 再生 方 法 に は 、 そ れ ぞ れ 次 の よう な メリ ッ ト と デメ リッ ト が あり ます 。 


fla フ ァイル に 取り 込ん で 、 タ イム ライ ン 上 で 再生 


ヌメ リット | ・ タ イム ライ ン に 同期 し て 再生 させ る な ど 、 ア ニメーション と の 相性 が と て も 良 | 
い の が 特徴 で す 。 | 
・Flash だ け で 、 簡単 な 編集 (サウ ンド ファ イル の 一 部 を 利用 する な ど ) が で きま す 。| 





+ [の 


取込み サウ ン | ド 





デメ リッ ト | ・a フ ァイル に 取り 込む こと で ファ イル サイ ズ が 大 きく な り ます 。 
・ 再 生 の 停止 や 、 リ プレ イ な ど サイ ト BGM の よう な 再生 制御 に は 不向き で す 。 








メリ ッ ト | ・ 再 生 の 停止 や 、 リ プレ イ な ど 、 サ イト BGM の よう な 再生 制御 に 向い て いま す 。 
・ サ ウン ド の ボリ ュー ム 制 御 な ど が 可能 で す 。 


fla フ ァイル に 取り 込ん だ サウ ンド ファ イル を ActionScript を 使っ て 再生 ee 十 ME 





ActionScript ok ウン ンド 











ご oo 
デメ リッ ト ・ 他 ファ イル に 取り 込む こと で ファ イル サイ ズ が 大 きく な り ま す 。 本 デ 
_ 中 01.00:59/03:1207 
外部 の サウ ンド ファ イル を 再生 
pp ーー テコ | / AIFF 
メリ ッ ト |・ 再 生 の 停止 や 、 リプ レイ な ど サ イト BGM の よう な 再生 制御 に 向い て いま す 。 sr 十 涙 ^) MP3 


・ 読 み 込み が 自由 に で きる の で 、 ファ イル サイ ズ の 肥大 化 を 抑え る こと が で きま す 。 
・ サ ウン ド プ レイ ヤー の よう な アブ リケーション を 作る こと も 可能 で す 。 

・fa フ ァイル を 変更 せ ず に 、 再生 させ る サウ ンド を 差し 替え る こと が 容易 で す 。 

・ サ ウン ド の ボリ ュー ム 制 御 な ど が 可能 で す 。 


デメ リッ ト | ・ 外 部 ファ イル な の で 、 読 み 込 む ま で の 時 間 の 管理 な ど 、 タ イミ ング の 制御 を 
プロ グラ ム で 作る 必要 が あり ます 。 
・ 読 み 込み 不可 の 形式 も ある の で 、 サ ウン ド フ ァイル の 形式 に 注意 が 必要 で す 。 


PJ WAV 
ge LA 


ActionScript 外部 サウ ンド 
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サウ ンド ファ イル の 取り 込み と 再生 方 法 


3 つの 方 法 の うち の 1 番目 、「fla ファ イル に 取り 込ん で 、 タ イム ライ ン 上 で 再生 ] に つい て 、 
具体 的 な 方 法 と 設定 を 解説 し て いき ます 。 











pb 音 の 取り 込み 方 


Flash で 音 フ ァイル を 読み 込む 場合 は 以下 の 手順 で 行い ます 。 

1. [ファ イル 一読 み 込 み w ラ イブ ラリ に 読み 込み ] を 選択 し ます 。 

2. [読み 込み ] ダイ アロ グ ボ ックス で 、 必 要 な サウ ンド ファ イル を 指定 し て 開き ます 。 読 み 込み が 完了 する と ライ ブラ リ 
に 追加 され て いま す 。 





取り 込み 可能 な 音声 ファ イル フォ ー マ ッ ト 












































Bridge で 震央 で wo 還 形式 Windows | Macintosh 
最 述 使用 し た ファ イル を 開く 13 
H 靖 ASND (Adobe@ Soundbooth'V の O O 
ネイ ティ ブサ ウン ド 形 式 ) 
ED て os WAV O 〇 O QT 
テン プレ ー ト と し て 保存 
ァ ェ ッ ク イッ AlFF Gr o 
すべ て 保存 
MP3 (@/ 〇 
| Sound Designer@ 3 QT 
4 ワリ ッシュ と サウ ンド の み の QuickTme ム ー ビ ー|  QT GT 
Sun AU QT QT 
System 7 サウ ンド ※ QT 

















※QT : QuickTime⑤ 4 以降 が イン スト ー ル され て いる 場合 








と タイ ムラ イン へ の サウ ンド の 追加 


1. サ ウン ド 専 用 の レイ ヤー を 追加 し て 、 再 生 し た い 音 の ファ イル を ライ ブラ リ か ら ス テー ジ 上 ヘ へ ドラッグ & ド ロッ プ し 
ます 。 タ イム ライ ン を 再生 する こと で 、 音 が 鳴り ます 。 
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pb 再生 の 設定 


久 効 果 
タイ ムラ イン に 適用 し た 音 に は 、 効 果 を 付け る こと が で きま す 。 
サウ ンド を 入れ た レイ ヤー を クリ ッ ク し て 、[ プ ロ パ ティ ] パネ ル で 効果] 
























































の プル ダウ ン を 選択 し ます 。 
効果 の 種類 
な し サウ ンド ファ イル に どの 効果 も 適用 され ませ ん 。 
左 チ ャ ン ネ ル | 左 チ ャ ン ネ ル だ け で サウ ンド が 再生 され ます 。 
右 チ ャ ン ネ ル | 右 チ ャ ン ネ ル だ け で サウ ンド が 再生 され ます 。 
左 へ フェ ー ド ーー 
右 ヘ フェ ー ド 本 入所 
日 
3 サウ ンド が 継続 し て いる 間 、 サ ウン ド の ボリ ュー ム が 徐々 に 
介 間 | < な 9 ます 。 
サウ ンド が 継続 し て いる 間 、 サ ウン ド の ボリ ュー ム が 徐々 に 
フェ ー ド アウ ト | さく な り ます 。 
キー ンー | 
カス タム [エン ベロ ー プ の 編集 ] を 使用 し て サウ ンド の イン ポイ ント と 
アウ ト ポ イ ント を 独自 に 作成 で きま す 。 
久 同 期 
1. タ イム ライ ン で 、 サ ウン ド フ ァイル を 含ん で いる 最初 の フレ ー ム を 選 
択 し ます 。 
2. [プロ パテ ィ ] パネ ル で [同期 」 か ら 以 下 4 つ の いずれ か を 選択 し ます 。 
再生 方 法 の 種類 
ペン ト サウ ンド の 入っ て いる タイ ムラ イン の 先頭 が 再生 され る と 
設定 され る サウ ンド で す 。 
PS ナレ ーション な ど ア ニメーション に 同期 し た い 場 合 に 用 い 
トリ ミン グ られ ます 。 
開始 再生 を 開始 する 際 に 用 いら れ ま す 。 停止 と 対 で 覚え まし ょ 
う 。 
指定 し た サウ ンド が この 停止 ] を 指定 し た フレ ー ム で 停止 
人 上 し ます 。 
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左 チャ ン ネ ル 


右 チャ ン ネ ル 
右 に フェ ー ド 
左 に フェ ー ド 
フェ ー ド イン 
フェ ー ド アウ ト 
カス タム 


停止 
スト リー ミン グ 





pb 書き 出し の 設定 


ゆ サ ウン ド の 品質 

Flash ムー ビー を 書き 出す (ムー ビー プレ ビュ ー を す 
る ) と 、 音 質 が 低下 する 場合 が あり ます 。 それは 、 
Flash の 書き 出し 設定 に 原因 が あり ます 。Flash ムー 
ビー の 音質 を 上 げ る に は 、[ フ ァイル ー バ パブ リッ シュ 
設定 ] を 開き ます 。 


音質 の 設定 に は 、 オ ー デ ィ オ スト リー ム と オー ディ 
オイ ベン ト の 2 種類 が あり ます 。 





再生 方 法 で スト リー ミン グ に 設 


オー ディ オス トリ ー ム | た 震 の 品質 








再生 方 法 で イベ ント に 設定 され 


オー ディ オイ ベン ト 








た 音 の 品質 





[パブ リッ シュ 設定 ] の 「Flash] タブ の 中 の 「 オ ー デ ィ 
オス トリ ー ム ] ①、 ま た は 「 オ ー デ ィ オ イベ ント ]② 
を 選択 し 、 音 質 を 設定 し ます 。 


設定 を 選択 する と [サウ ンド 設定 ] ウィ ンド ウ が 立ち 
上 が り ま す 。 
ここ で 、 重 要 な 3 点 の 設定 を 紹介 し ます 。 


① 圧 縮 
サウ ンド ファ イル の 圧縮 形式 を 決め ます 。 


ビッ トレ ー ト 
書き 出す サウ ンド ファ イル の ビッ トレ ー ト (ビッ 
ト / 秒 ) を 決め ます 。 
初期 設定 で は 、16kbps に な っ て いる が 、 音 質 を 
ムー ビー プレ ビュ ー で 確認 し な が ら 決 め ま す 。 
128kbps ま で 上 げ る と か な り 高 音質 で ある が 、 
ファ イル サイ ズ が 大 きく な る の で 注意 が 必要 で す 。 


③ 画 質 
圧縮 速度 と 音質 を 決め ます 。 




















開く .… 


Bridge で 参 
最近 使用 し た ファ イル を 開く 
義 じ る 回 W 
すべ て 義 じ る で WW 
人 1 
保存 し て 半 馬 化 

名 前 を 付け て 保 .- な S 
テン プレ ー ト と し て 保存 .。 

すべ て 保 

9 に 
読み 込み に 
奉 き 出し 






パプ リッ シュ プレ 
パブ プリ ッシュ 


AHR 設定 
ファ イル 情報 .…- 

















am 


現在 の プロ ファ イル : [アフ ォ ルト ーー 国有 ETC3EJLYE 衣 








ye (ーー ミー 一紀 
に ace cc 
「 JEC の 非 ブ ロッ ク 化 を 有効 に する 
オー ディ オス トリ ー ム : MP3.16 kbps. モノ ラル 
オー デア ィ オイ ベン ト : MP3.16 kbps, モノ ラル 


[個々 の サウ ンド 設定 舞 敬 に する 
アパ イス サウ ンド の 書き 出し 


画 銘 と サウ ン 








MP3 SkHz サン プル レー ト を 使用 


生生 : マス テレ オ か ら モ ノラ ル ペ 変換 
@ 
③ 


圧縮 の 種類 








無 克 圧縮 を 無効 に し ます 。 


8 ビッ ト か ら 16 ビ ピッ ト の サウ ンド デー タ 用 の 形式 で 
す 。 ボ タン クリ ッ ク の よう な イベ ント サウ ンド に 最適 





で す 。 


| MP3 。 | 高音 質 で 高圧 縮 で す 。 


| Raw 。 | 非 圧 績 に し ます (ファ イル サイ ズ の 増加 注意 )。 
Speech | ナレ ーション な ど 話 言葉 に 最適 で す 。 














画質 の 種類 

速度 優先 | 圧縮 は 速く な り ま す が 、 音 質 は 低下 し ます 。 
圧縮 は 多少 遅く な り ま す が 、 音 質 は 向上 し ます 。 
圧縮 は 最も 遅く な り ます が 、 音 質 は 最も 高く な り ま す 。 

















品質 優先 











or9 















Flash に よる 映像 の 扱 し 方 


Flash で は 映像 ファ イル を 読み 込ん で 、 再生 ・ 制 御 を 行う こと が 可能 で す 。 こ こ で は 、 映像 ファ 
イル を 読み 込む 方 法 や 種類 に つい て 説明 し て いき ます 。 








Flash で の 映像 の 扱い 方 


映像 を 読み 込ん で SWF 上 で 再生 する に は 、 次 の 3 つの 方 法 が あり ます 。 











金 Flash ドキ ュ メ ント へ の ビデ オ の 埋め 込み 

映像 ファ イル を Flash フ ァイル に 埋め 込ん で 制御 する こと が 可能 で す 。 埋 め 込ん だ 映像 ファ イル は ムー ビー クリ ッ プ と 
同様 に タイ ムラ イン の 制御 を 行う こと が で きま す 。 

た だ し 、 映 像 ファ イル その も の を ファ イル 内 に 埋め 込 お の で 、SWF の ファ イル サイ ズ が 大 きく な り ま す 。 


ゆ Web サーバ ー か ら の ビデ オ の プロ グレ ッ シ ブ ダウ ン ロ ー ド 
SWF フ ァイル 外 に 置か れ た ビデ オフ ァイル を 動 的 に 読み 込ん で 再生 し ます 。SWF 内 に ビデ オフ ァイル が 含ま れ な いた 
め フ ァイル 容量 が 軽減 され 、 パ ブリ ッシュ に 要する 時 間 も 短く で きま す 。 


金 Adobe Flash Media Server に よる ビデ オ の スト リー ミン グ 

Adobe Flash Media Server を 用 いて 、 ビ デオ の スト リー ミン グ 配 信 を 行う こと が で きま す 。 

SWF 内 に ビデ オフ ァイル が 含ま れ な いた め フ ァイル 容量 が 軽減 され 、 パ ブリ ッシュ に 要する 時 間 も 短く で きま す 。 ま 
た この 方 素 で は 、 フ ァイル が ユー ザー の PC に キャ ッシュ され な いた め 、 ビ デオ コン テン ツ の 保護 に 適し て いま す 。 


o6o PAkr 2 flash を 学ぶ 








pb Flash に 取り 込ん で フレ ー ム に 配置 


映像 ファ イル を Flash ファ イル に 読み 込み 、 タ イ 


Flash フ ァイル SWF フ ァイル 
ムラ イン 上 で 再生 する 方 法 を 解説 し ます 。 





FLV フ ァイル 


人 手順 1 ビデ オ の 読み 込み の 実行 
Flash で 、[ フ ァイル 一 読み 込み ー ビ デオ の 読み | 議 語 
込み ] を 実行 し ます 。[ ビ デオ の 読み 込み ] ウィ ザー 
ド が 起動 し ます 。 








リッ ュ 設定 ⑲- 
パカ リッ シュ ブル ピュー(B 
パフ リッ シュ ⑧ 

野 定 





依 手 順 2 

ビデ オフ ァイル の 保管 場所 を 指定 し ます 。 

今回 は PC 上 に ある ファ イル を 読み 込ん で 使い た 
い の で 、「 コ ンピュータ 上 の 場所 」 を 選択 し ます 。 
「 参 照 ] ボタ ン を 押し て 、 読 み 込 みた い フ ァイル の 
保管 場所 を 指定 し ます 。 

ビデ オ の 読み 込み の 方 法 を 「SWF に FLV を 埋め 込 
み 、 タ イム ライ ン で 再生 する ] に 指定 し ます 。 











@ 手 順 
ビデ オ の 埋め 込み 方 法 を 指定 し ます 


ビデ オ の 埋め 込み 方 法 


ビデ オ の 読み 込み 





シン ボル タイ プ 











各 項 目 は それ ぞ れ 以下 の よう に な っ て いま す 


ビデ オ を どの シン ボル タイ プ で 埋め 込む か 指定 し ます 。 選 択 可 
能 な シン ボル タイ プ は 「 埋 め 込み ビデ オ 」「 ム ー ビ ー ク リッ プ ] 


R 「 グ ラフ ィ 生 で 
埋め 込み [グラフィック] の 3 種類 で す 
| ステ ー ジ 上 に イン スタ ン | この 項目 を 選択 する と 、 読 み 込み 後 自動 的 に ステ ー ジ 上 に ビデ 
和 和 2 | | オ が 配置 され ます 
5 = 。| この 項目 を 選択 する と 、 ス テー ジ 上 に ビデ オ が 配置 され た 際 に 
ラン AM72』 BMDX み 6 テ ォ 大 eo ステ ー ジ 上 の タイ ムラ イン が 短かっ た 場合 、 自 動 的 に タイ ムラ 
レ ステ ー ジ 上 に イン スタ ンス を 配置 | イン を ビデ オ の 長 さ に 拡大 し ます 
レ 必要 に 応じ て タイ ムラ イン を 拡大 ーー = に 二 
Pr 9 この 項目 を 選択 する と 、 ス テー ジ に 配置 され た ビデ オ に オー 
オー イオ 電導 め る ディ オ が 含ま れ ま す 
@ 手 順 4 


手順 3 で 「 ス テー ジ 上 に イン スタ ンス を 配置 」 に 
チェ ッ ク を 入れ て いる と 、 タ イム ライ ン に ビデ オ 
が 配置 され ます 
配置 され た ビデ オ は ムー ビー クリ ッ プ な ど と 同様 
に 、 タ イム ライ ン の 操作 や 画面 上 へ の 配置 を 行う 
こと が で きま す 


70 パ ティ 





イン スス : moveaz0z: 


ソー ス : movie320 z240.Hv ( 坦 め 込み ) 
320 x 240 ピク ゼル , 102.16 秒 , 76. 





Web サ ー バ 上 な ど 、SWF フ ァイル 外 に 置か れ た 
ビデ オフ ァイル を 動 的 に 読み 込ん で 再生 し ます 
外部 の FIV フ ァイル 、F4V フ ァイル を FLVPlayback 
コン ボー ネン ト や ActionScript を 使っ て 、 読 み 込 
みや ビデ オ の 制御 を 行う こと が 可能 で す 

この 方 法 で は 、 フ ァイル の 読み 込み を 進め な が ら 
ビデ オ の 再生 が 可能 な の で 、 ビ デオ 開始 まで の 
ユー ザー の 待ち 時 間 を 大 幅 に 短縮 する こと が で き 
ます 。 


flash を 学ぶ 





Web サーバー か ら の ヒビ デオ の フロ 2 





タイ ムラ イン 





ルイ 


SWF ファ イル 


| 





映像 の 先頭 か ら 


FLV フ ァイル ダウ シロ ー ド FLV フ ァイル | 
| 
| 





ダウ ン ロ ー ド し た FLV フ ァイル が 
キャ ッシュ と し て 保存 され る 


の 2 の 





Flash Media Server を 利用 し て ビデ オ の スト リー 
ミン グ を 行う 場合 は 、 通 営 の Web サ ー バ か ら の プ 
ログ レッ シブ ダウ ン ロ ー ド の 方 式 よ り 、 沢 山 の 利 
点 が あり ます 。 

ユー ザー が ビデ オ の ダウ ン ロ ー ド に 使用 する 回 線 
を Flash Media Server 上 で 制御 で きる た め 、 ユ ー 
ザ の 間 域 幅 の 動 的 な 振り 分 け や 同 時 接続 数 の 設 
定 、 複 数 の ユー ザー で スト リー ミン グ を 共有 する 
こと も 可能 で す 。 

また 、Flash Media Server を 用 いた スト リー ミン 
グ で は 、 ユ ー ザ ー の PC に ファ イル が キャ ッシュ 
され な いた め 、 コ ン テ ン ツ の セキ ュ リ ティ や 保護 
に も 適し て いま す 。 


CO とり 


選択 し た ファ イル が FLV 形 式 で な い 場 合 は 、「Adobe 
Media Encoder を 起動 する ] ボタ ン か ら Adobe Media 
Encoder を 起動 し 、 映 像 ファ イル を FLV 形 式 に 変換 す 
る 必要 が あり ます 。Adobe Media Encoder で 読み 込 
み が 可 能 な ファ イル 形式 は 以下 の URL より 確認 で き 


ます 。 


Adobe Media Encoder CS4 の 読み 込み で サポ ー ト さ 
れ て いる ファ イル 形式 http://help.adobe.com/ja_JP/ 
AdobeMediaEncoder/4.0/WS8A54CAAZ-268E-4af0- 


B8A4-0EA3EACEC1A3.html 


ぁ pb Adobe Flash Media Server に よる ビデ オ の スト リー ミン グ 


Flash Media Server 語 選 に SWF ファ イル 


FLV フ ァイル 









現在 再生 する 分 
の 映像 デー タ の 
み ダ ウン ロー ド 























ダウ ン ロ ー ド し た FLV フ ァイル が 
キャ ッシュ と し て 保存 され な い 


Adobe Media Encoder 





ユー ザーPC の キャ ッシュ 





3 すずの ユ コ ヨイ 









06 オ 





ョ ActionScript と は 


ActionScript は 、 Flash、Flex、 AIR に よる コン テン ツ や アプ リケーション で ユー ザー の 操作 や デー 
タ の 処理 な ど を 可能 と する 、Adobe Flash Player お よび Adobe AIR の ラン タイ ム 環 境 用 の プロ 
グラ ム 言 語 で す 。ActionScript を 使用 する こと で 、 タ イム ライ ン に よる アニ メー ショ ン な ど 一 方 
向 性 の コン テン ツ 制 作 だ け で な く 、 ユ ー ザ ー の マウ ス や キー 操作 の イン タラ クシ ョ ン の 感知 や 、 
複雑 な デー タ 処 理 、 ウ ェ ブ カメ ラ や プリ ンタ な どの 外部 デバ イス の 制御 を 行う こと が で きま す 。 








ActionScript の バー ジョ ン 


Flash は 1996 年 の リリ ー ス 以降 、 プ ログ ラム 言語 の アッ プ デ ー ト を 重ね て いま す 。 
ここ で は 各 ActionScript の バー ジョ ン ご と の 特徴 や 歴史 に つい て 解説 し ます 。 














pb 各 バ ー ジ ョ ン の 特徴 | 19 1 
AVM 1 で 動作 AVM2 で 動作 ] 
ActionScript に は 「1.0]、 「2.0」、 「3.0] の 8 つの バー ジョ ン が | Flash Player5 以 降 ト Flash Player7 以 降 ト Flash Player 9 以降 | 
あり 、 そ れ ぞ れ 右 表 の よう な 特徴 が あり ます 。 - プ ロト タイ プペ ベー ・ ク ラス ペース の 開 ・ ク ラス ペー ス の 開発 
ActionScript 1.0 と 2.0 は AVM1(ActionScript Virtual ス の 開発 発 が 可能 が 可能 


・ 厳 密 な デー タ 型 の ・ 央 密 な デー タ 型 の 指定 








Machine 1) の 環境 で 再生 され る た め 互 換 性 が あり ます が 、 指定 が 可能 (コン | が 可能 (コン バイ ル 、 
ActionScript 3.0 で は 再生 環境 が AVM2 の た め 下 位 互換 性 は バイ ル 時 の み ) ラン タイ ム 時 で 機能 ) | 
あり ませ ん 。 | ・ ド キュ メン トク ラス 
| 提 還 | の 指定 が 可能 
pb ActionScript の 歴史 | 年代 Flash 。 |FashPlayer |ActonScdpt 
1996 |Flash1 |FlashPlayer 
Flash は も と も と アニ メー ショ ン 作 成 ソ フト に 端 を 発し た 経緯 「--- | 一 - 


も あり 、Flash4 以前 の プロ グラ ミン グ 言 語 は 「 ア クシ ョ ン ] と  「[ ーー トー 0 ーー 9 
トド 販 9 1998 | Flash3 |FlashPlayer3 
呼ば れる 独自 の スク リプ ト で し た 。 Flash 5 以降 か の ら は 、 「 3 | 
JavaScript な どの 他 の プロ グラ ム 言 語 に 近く 、 よ り 和 柔軟 な プ | トーー + 1 = rm ] 
ログ ラミ ング が 行え る 「ActionScriptl が 搭載 され まし た 。 |2OOO1Flash5 | FlashPleyer5 |「ActonScrpt 失 載 | 
その 後 Flash MX 2004 に お いて 、 そ れ ま で の 「ActionScript」 SO02 FashMX |FashPlayer6 | 
を ペー ス に し た 「ActionScript 2.0] が 搭載 され まし た 。 2003 OOo。 | Fash Player7 | ActionScript 2.0] 搭 載 | 
「ActionScript 2.0] は 、JavaScriprt な ど を ベー ス に し た プロ 5630IIERS Player 5 es EE | 
グラ ミン グ 言 語 の 規格 「ECMAScript] に 準拠 し て いて 、 こ れ | + 一 ーーーーーーーーーーー ト ーーー ー | 
に より 本 格 的 な Web ア プリ ケー ショ ン の 開発 が 可能 に な り ま 2007 Flash CS3 | Flash Player 9 | 「ActionScript 3.0] 搭載 | 
し た 。 ま た 現在 の 「ActoinScript 3.0] で は 、 オ ブ ジ ェクト 指 2008 | FashCS4 |FlashPlayer10| 
向 が さら に 強化 され 、 大 規模 で 複雑 な アプ リケーション の 開 
発 に も 対応 で きる よう に な り ま し た 。 




















PA 2 flash を 学 : 





ActionScript 3.0 で 開発 する 利点 
ActionScript 3.0 で の プロ グラ ミン グ は 、 
処理 速度 の 向上 や デバ ッ グ の 効率 化 な ど さ ま ざま な メリ ッ ト が 得 ら れ ま す 。 











pb 処理 速度 が 速い 


FlashPlayer 9 以降 に 搭載 され て いる ActionScript 3.0 の 再生 環境 AVM2 (ActionScript Virtual Machine2) で は 、 
FlashPlayer 8 以前 の 再生 環境 に 比べ 飛躍 的 に 処理 速度 が 向上 し まし た 。 


ぁ ゆ 効率 的 な デバ ッ グ が 可能 に 


ActionScript 2.0 以 前 で は 、 コ ン バ イ ル 時 の エラ ー を 捕捉 する こと は で き て も 、Flash コンテンツ 再 生 中 に 発生 する ラ 
ンタ イム エラ ー を 捕捉 する こと が で きま せん で し た 。ActionScript 3.0 で は 、 開 発 者 が ラン タイ ム エ ラ ー を 捕捉 する こ 
と が で きる た め 、 非 常に 効率 的 に デバ ッ グ 作業 を 行う こと が で きる よう に な っ て いま す 。 


コン パイ ル エ ラー 


ラン シタ イム エ ラー 





ActionScript 1.0 
2.0 


ActionScript 3.0 





ププ | 
パブ リッ な コー ド を ーー 
Flash ファ イル 検出 し エ SWF フ ァイル 
- パブ リッ な コー ド を ーー 
Flash ファ イル 検出 し エ SWF フ ァイル 





1 








ルル オフ ジェ クト 指向 プロ グラ ミン グ に 適し た プロ グラ ミン グ 体 系 


ActionScript 3.0 は 、ECMAScript 標準 第 4 版 と し て 提案 され た 「ECMA-262 Edition 4] に 準拠 し て お り 、 非 常に 柔軟 
か つ 効 率 的 な プロ グラ ミン グ が 可能 に な っ て いま す 。 こ れ に より 、 大 規模 で 複雑 な アプ リケーション や 、 複 数 人 で 行う 
アプ リケーション な どの 開発 が 非常 に 行い や すく な り ま し た 。 














、 ActionScript 3.0 の 書き 方 


ActionScript 3.0 で プロ グラ ミン グ を 始め る 前 に 、 ま ず は ActionScript 3.0 の 書き 方 を 紹介 し 
ます 。 今後 必ず 必要 に な る 項目 な の で 、 ま ず は ここ で 名 前 や ルー ル を 理解 する と 良い で し ょ う 。 


⑳ ドッ トシ ンタ ックス 

複数 の ムー ビー クリ ッ プ や クラ ス を 連結 する 際 に 
「.( ド ッ ト )」 を 使う の で す が 、 こ の 書き 方 を ドッ 
トシ ンタ ックス と 言い ます 。 こ の ドッ トシ ンタ ッ 
クス と いう 書き 方 は JavaScript と 同じ で す 。 


大 文字 と 小文字 は 別物 と し て 扱う 
ActionScript 3.0 で は 大 文字 と 小文字 の 区 別 を 行 
いま す 。 一 文字 で も 間違え る と 同じ も の と 認識 さ 
れ ま せん 。 


大 文字 と 小文字 の 使い 分 け 方 
通常 クラ ス 名 は 大 文字 か ら は じ ま り 、 イ ンス タン 
ス 名 は 小文字 か ら 始ま り ます 。 絶対 そう し な いと 
動か な いと 言う わけ で は あり ませ ん が 、 慣 習 と し 
て そう な っ て いま す 。 


ゆ セミ コロ ン 

プロ グラ ミン グ の 1 行 が 終わ る と 「:( セ ミコ ロン )]」 
を 付け ます 。 セ ミコ ロン は ここ で 1 つの 命令 が 終 
了 し た と いう 印 で す 。 こ れ を 付け な く て も 動き ま 
す が 、 他 の 言語 に は 必須 の も の も ある の で 、 書 い 
て お く 習 慣 を つけ まし ょ う 。 


PA 2 flash を 学ぶ 


例 
chara.x = 100: // キャ ラ の X 位 置 を 100 に する 











vara=1i 
varA=2: 
trace(a): [出力 ) パネ ル に は 「1」 と 表示 され る 
trace(A): 生 [出力 ] パネ ル に は 「2」 と 表示 され る 





例 1 





var car = new Car(): 年 car が イン スタ ンス 名 で 、Car は クラ ス 名 





例 2 





var myCari 
複数 の 単語 が 組み 合わ さる と き は 、2 つ 目 の 単語 の 最初 を 大 文字 に 














Var a=1: 








館 コメ ント 例 1 








ブロ グ テ ミ ング を 半 い て いる と さと に 。 あ と か 9 
直し た 際 、 こ の コー ド が 何 を 意味 し て いる の か が ング を 書い て も 実行 され ませ ん 
分 が ら な く ぐ か る と が あり ます 。 そ の 際 は コー ド 生生 


の 近く に コメ ント を 書き ます 。 


Mi 


コメ ント は それ 以外 に 意味 を 持た な い の で 、 日 本 ニテ ーー 


語 で 書い て も 結構 で す 。 | 7 


複数 の コメ ント を 書き た い 場 合 は 
この よう に し て 『/」 と 「 ツ 」 で 囲っ て あげ る と 
中 身 の 部 分 が すべ て コメ ント に な り ま す . 


/ 


CO と VM / 


日 本 語 で プロ グラ ミン グ を 考え る 


プロ グラ ミン グ を 勉強 する 際 に 「 数 学 が 苦手 だ か ら 難 し い 」 と 言う 言葉 を よく 聞き ます 。 し か し 、 プ ログ ラミ ン 
グ は 英語 で 「Programming Language」 と 言わ れ て いる よう に 、 言 語 (language) の 一種 で す 。 つま り 国 語 だ と 思っ 
て も ら え れ ば よい で し ょ う 。 

まず は プロ グラ ミン グ を 考え る 際 に 、 日 本 語 か ら 英語 に 翻訳 する よう に 、 日 本 語 か の ら プ ログ ラミ ング 言語 へ 置き 
換え る と いう 作業 を する と 、 プ ログ ラミ ング の 書き 方 が すん な り と 入っ て くる と 思い ます 。 

プロ グラ ミン グ を 記述 する 際 に まず は 日 本 語 で 考え ます 。 そ の 際 に も っ と も 重要 な の が 「 一 の 」 の あたる 部 分 で 
す 。 こ の 「 一 の 」 は ActionScript で は 「.( ド ッ ト )」 に あたり ます 。 こ の 書き 方 を ドッ トシ ンタ ックス (ドッ ト で 区 
切る 書き 方 ) と 言い ます 。 





まず は 図 の よう に 丸 を ActionScript で 移動 させ た 
いと 考え ます 。 日 本 語 で 考え る と 「 丸 の X 位 置 を 
100 に する 。」] で す 。 


Imaru 





Il 
ら 


X 








この 「 の ]」 部 分 を 「. (ドット )」 に 置き 換え る と 考 


えて 、 プ ログ ラミ ング に 変換 する と 右 の よう に な 丸 の X 位 置 を 100 に する 。 


! 
衝 放 氏 「 の 」 部 分 を 「.( ド ッ ト )」 に 変え る 


こと が ドッ トシ ンタ ックス の 基本 
maru.x=100: 





if 文 で も 同じ よう な こと が 考え られ ます 。「 も し 丸 | 間際 100 

の X 位 置 が 100 よ り 大 きく な っ た ら 、、 丸 の X 位 置 人 も し 丸 の X 位 置 が 100 よ り 大 きく な っ た ら 、 
を 100 に する 。] と いう 文章 を 考え て み ま し ょ う 。 maru.x = 100: 

この 場合 も 日 本 語 を その まま プロ グラ ミン グ に す 店 扶 の 玉 答 要 を 100 に ある 2 


る と 、 プ ログ ラミ ング の 組み 立て も それ ほど 難し |! 














く 感 じ な いこ と で し ょ う 。 





和 ゲ | 


EE EE 








デマ アク ショ ン パ ネル の 使い 方 


ActionScript は 、 メ イン の タイ ムラ イン や ムー ビー クリ ッ プ の タイ ムラ イン の キー フレ ー ム を 
選ん で 、[ ア クシ ョ ン ] パネ ル に 記述 し て いき ます 。 


アク ショ ン パ ネル の 画面 構成 と 機能 説明 


ここ で は アク ショ ン パ ネル の イン ター フェ イス と 機能 に つい て 解説 し ます 。 














アク ショ ン ツ ー ル ボッ クス スク リプ トペ イン 
スク リプ トコ マン ド を 追加 する 項目 が 表示 され る フレ ー ム や イン スタ ンス に 指定 し た スク リプ ト の 内 容 が 表示 され る 





写り つ マ 言 選 の | は 昌和 ロロ 円 。 "N ス クリ プ ト ア シス ト ④ 
stop(): 
ActionScript 20 クラ ス 
人 賠 グロ ー バ ルプ ロ パ ティ 
同 深 算 子 
ステ ー ト メン ト 
コン バイ ラディ レク ティ ブ 
國 * 数 
賠 タ ィ フ 
同 ) 栄 用 を 避け る 能 
賠 テー タコ ン ポ ー ネ ン ト 
周 コン ポー ネン ト 
偏 スク リー ン 
層 スラ イド 
イベ ント 
同 フロ バテ ィ 
賠 メソ ッッ ド 
賠 フォ ー ム 
悦 


| 現在 の 選択 
マス ク : フレ ー ム 1 
* 画 シー ン ュ 


回 マス ク : フ レー ム 1 














スク リプ トウ ィ ン ド ウ スク リプ ト の 固定 
Flash フ ァイル の 構造 を 見 や すく 表示 し て いる 現在 表示 し て いる スク リプ ト を 常に 表示 する よう に 固定 する こと が で きる 








ぁ アク ショ ン パ ネル の 機能 


アク ショ ン パ ネル で は 、 コ ー ド の 記述 の ほか に 、「 自 動 フ ォ ー マ ッ ト 」 や 「 ス クリ プ ト ア シス ト 」 な どの 機能 が あり ます 。 


①⑪ スク リプ ト に 新規 アイ テム を 追加 

⑧ 【 置 換 】 スク リプ ト 内 の 文字 を 置換 する 画面 表示 し ます 。 

③ 【 タ ー ゲ ッ ト パ ス の 挿入 】 ……… スク リプ ト の 対象 と な る イン スタ ンス を 選択 する 画面 を 表示 し ます 。 

(④ 【 シ ンタ ックス チェ ッ ク 】 ・ クリ ッ ク す る と 、 ス クリ プ ト の シン タッ クス チェ ッ ク を 行い ます 。 

(⑤ 【 自 動 フォ ー マ ッ ト 】… … スク リプ ト の シン タッ クス に 合わ せ て 改行 や イン デン ト を 行い ます 。 

(⑥【 コ ー ド の ヒン ト を 表示 】 ……… 環境 設定 の ActionScript カテ ゴリ で 「 コ ー ド ヒン ト ] が チェ ッ ク さ れ て いな い 場 合 、 ク リッ ク す る と 
コー ド の ヒン ト を 表示 し ます 。 

⑦ 【 デ バッ グ オ プシ ョ ン 】 ・ ブレ ー ク ポイ ント の 設定 や 削除 を する メニ ュー を 表示 し ます 。 

【 ス クリ プ ト ア シス ト 】 … ・ カー ソル が ある 行 の スク リプ ト 作成 を 補助 する 画面 が 表示 され ます 。 

⑨【 ヘ ルプ 】 oe カー ソル が ある 行 に 関連 する コー ド ヘ ルプ を ブラ ウザ で 表示 し ます 。 
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pk アク ショ ン パ ネル の 開き 方 


アク ショ ン パ ネル は 、 ス クリ プ ト を 記述 し た い タ イム ライ ン を 選択 し 、 メ ニュ ー の [ウィ ンド ウー アク ショ ン ] を 選択 し 
て 開き ます 。 


(① キ ー フ レー ム を 選択 する 






ウィ ンド ウ の 復 押 


ツー ル バ パー 
マ タイ ムラ イン で 閲 T 

モー ショ ン エ ディ タ 

ツー ル 8F2 
マ プロ パテ ィ 2 
マ ライ ブラ リ 衣 L 

サン ブル ライ ブラ リ は 


モー ショ ンプ リセ ッ ト 


陣 間 主 [ーー 














コン パイ ル エ ラー て gz 
デバ ッ グ パネ ル 2 
ムー ビー エク スプ ロー ラ いす: 
出力 Ff2 
壁 列 導 K 
に カウ ーー ーー ーー ニーーーー 
⑧ [ウィ ンド ウー アク ショ ン ] を 選択 


069 








Pk アク ショ ン パ ネル の 機能 の 使い 方 
ここ で は 最も 使用 頻度 の 高い 「 自 動 フ ォ ー マ ッ ト ] と 「 ス クリ プ ト ア シス ト 」 に つい て 、 使 い 方 を 説明 し ます 。 
@ づ 自動 フォ ー マ ッ ト 
シン タッ クス 「 : ] に 合わ せ て 、 改 行 や イン デン ト な ど で ス クリ プ ト を 整頓 し 、 読 みや すく させ る 機能 で す 。 
内匠 れる 





ゆあ シン タッ クス チェ ッ ク 
スク リプ ト に エラ ー が あっ た 場合 、 エ ラー の 場所 と 説明 が 報告 され ます 。 
② 「 コ ン パ イル エラ ー| パネ ル に 、 エ ラー 内 容 が 表示 され る 


① ア クシ ョ ン パ ネル の 「 シ ンタ ックス チェ ッ ク ] を 選択 


所 スネ 
<7_mv ootoAndPtoy('stort 





0 デア o PAkr 2 flash を 学ぶ 





定 人 ActionScript の 
に と 





プロ グラ ミン グ は 動い て 当たり 前 、 と な れ ば 良い の で す が 、 ど こ か に 間違い が あっ て 、 動 か 3 
な く な る こと が あり ます 。 そ の よう な と き に 間違っ て いる 場所 を 見 つけ て 修正 する こと を 「 デ ー 
バッ グ 」 と 言い ます 。 こ こ で は trace( ) ス テート メン ト の 使い 方 と 、 そ れ を 使っ た デバ ッ グ の 

方 法 を 説明 し ます 。 





trace() を 使っ た デバ ッ グ の 考え 方 


trace( ) を プロ グラ ム に 入れ て お く と 、 
Flash の [出力 ] パネ ル に 表示 され る 情報 を 使っ て 、 バ グ を 見 付け る こと が で きま す 。 








trace( ) を 使わ な い プ ログ ラム だ と …… 
コー ドコ ー ド コー ドコ ー ド ・…… 








に に エラ ー が 出 て 動か な い が 、 プ ロ 
(動か な い ) グラ ム の どこ が バグ な の か 見 付 
YY け に くい 
[出力 パネ ル 
XXX 


trace( ) を プロ グラ ム に 入れ て お く と ……- 


コー ドコ ー ド コー ドコ ー ド …… 
コー ドコ ー ド コー ド …… 


trace(XXX): 

コー ドコ ー ド コー ドコ ー ド -…… 出力 パネ ル に 表示 され た 情報 
ヨコ に コ 世 Ro 5 抽 暫 を 頼り に 、 バ グ を 見 付け る こと 
1race( 多 人 の @ が で きる 


コー ドコ ー ド コー ドコ ー ド …… 














oz! 





PAkr 2 flash を 学ぶ 


ぁ trace() ステ ー ト メン ト の 使い 方 


trace( ) の 使い 方 を 見 て いき まし ょ う 。 


文字 列 や 数 値 を 表示 させ る 
使用 例 

waoetes こん に ち は 9 

信 出 力 パ ネル ( に ち は 」 と 表示 させ る (文字 列 は で 囲 ぇ 
trace(2): 

人 数 字 を 表示 させ る 場合 は " " は 付け な 


計算 結果 や 連結 させ た 文字 列 を 配置 する 


使用 例 
trace(1+2): 
信 演算 も で きま す 
| Pe に 人 計 
信 文字 列 を つ な 〔 
変数 や 配列 を 表示 させ る 
使用 例 






| var schooIName:String =" ク スー ル ": 変数 schoc 
var myDay:Array =【[" 月 呈 " 火 上 < 水木" 全 り " 圭 
人 配列 myDay を 作成 


trace(schooIName): で 変数 schoolIName の 値 を 表記 
trace(myDay): や 配列 myDay の 値 を 表地 


変数 と 文字 列 を 連結 させ て 表示 させ る 
使用 例 


var schooIName:String=" ク スー ル 詩 


trace(" は じ め ま し て "+ EGO + "です 。"): 
| 人 文字 列 と 変数 を つなげ る こ 
| 


配列 の 中 の 特定 の 値 を 表示 させ る 


使用 例 


yar myDay:Array = "月 人 
人 配列 myDay を 作成 
trace(myDay[3]): を 写 列 myDay の 4 番目 の 値 を 表示 させ る 














実行 結果 


単 カ 
こん に ち は 
2 





実行 結果 


3 
は じ め ま し て り ス ー ル で す 。 








実行 結果 








実行 結果 





は じ め ま し て クス ー ル で す 。 











trace() ステ ー ト メン ト を 使っ た デバ ッ グ の 例 


実際 に trace( ) ステ ー ト メン ト を 使っ て デバ ッ グ を する 例 を いく つか 紹介 し ます 。 


pb 関数 が 呼ば れ て いる か を 確認 する 


例え ば 、 ボ タン を クリ ッ ク し た ら ム ー ビ ー ク リッ 
プ 内 の タイ ムラ イン を 再生 する 、 と いう プロ グラ 
ム で 、 ボ タン を クリ ッ ク し て も 何 も 起こ ら な い 、 
と いう 状況 に な っ た と し ます 。 こ の 場合 、 ま ず は 
関数 が 正しく 呼ば れ て いる か どう か を 確認 し ます 。 


ぁ pk イン スタ ンス の プロ パテ ィ を 確認 


スク リプ ト を 使っ て アニ メー ショ ン を させ て いる 
ムー ビー クリ ッ プ の x 座 標 の 値 な せ ど 、 イ ンス タン 
ス の プロ パテ ィ を trace( ) ス テー トメ ント を 使っ て 
確認 する こと が で きま す 。 


pb for 文 の 処理 中 に 変数 の 値 を 確認 


for を 使っ た 繰り 返し 処理 の 中 で 、X 回 目 の 処 理 で 
使わ れ て いる 変数 の 値 を 知り た い 場 合 、 こ の よう 
に trace( ) ス テー トメ ント を 使用 する こと で 確認 で 
きま す 。 





btn.addEventListener(MouseEvent.CLICK, startAnime): 
function startAnime(svenD)( 
trace("startAnime が 呼ば れ ま し た 。"): 





人 ここ が 表示 され れ ば 、 関 数 が 呼ば れ て いる こと が 分 か る の で 、 


以下 の スク リプ ト が 間違っ て いる 可能 性 が 高い 


(startAnime の 内 容 ) 








addEventListener(Event.ENTER_FRAME, moveMc): 


function moveMc(evenDt 
if(mc.x < stage.stageWidth){ 
mc.X+= 5: 
trace(mc.x): 
信 連続 移動 し て いる mc の x 座 標 を 確認 で きる 
}elset 
removeEventListener(Event.ENTEH_FRAME, moveMcji 














[ 
| varnameArray:Array = [佐藤 "鈴木 "田中 "" 高橋" 
| 


for(vari=0:i<nameArray.lengthi は +)( 
trace(" 理 "+i ョ +"  "+nameArray[il): 
信 X 回 目 の 処理 と 配列 の 値 を 確認 で きる 

} 
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ActionScript 3.0 に は 、「 ク ラス 」 と 呼ば れる さま ざま な 機能 や 情報 を 持っ た 仕組 み が あ ら か 
じ め 用 意 さ れ て お り 、 こ れ ら を 組み 合わ せる こと で いろ いろ な プロ グラ ム を 実現 する こと が 
可能 と な っ て いま す 。 





クラ ス と は 


「 ク ラス 」 と は 、 プ ログ ラム 上 で 使え た 機能 や 情報 を まとめ て 、 あ ら か じ め 作 成 さ れ た 設計 図 の よう な も の で す 。 
この 設計 図 を も と に さま ざま な 仕組 み を 作成 する こと が で きま す 。 


pp クラ ス と イン スタ ンス 


実際 の 世界 に お ける 、「 携 帯電 話 ] を 例 に クラ ス の 構造 を 考え て み ま す 。 

携帯 電話 に は 最低 限 必要 な 機能 と し て 「 電 話 を 掛け る ]「 電 話 を 受け る ] と いう 機能 が 必要 と な り ま す 。 ま た 、「 電 話 番号 ] 
や 「 電 話 帳 ] と いっ た 情報 も 必要 で す 。 こ れ ら の 必要 な 機能 や 必要 な 情報 を 定め て お いた も の を 「 ク ラス ] と 呼び ます 。 

この 「 携 帯電 話 ク ラス ] を 用 いて 、 実 際 に 使う 携帯 電話 を 作成 し て いき ます 。 こ の 「 携 帯電 話 ク ラス 」 を 実際 に 製品 に す 
る こと で 、 実 際 に 使え る 機能 を 持っ た 携帯 電話 を 作成 する こと が で きま す 。 こ の よう に 「 ク ラス 」 を も と に 作成 され た 
も の を 「 イ ンス タン ス 」 と 呼び ます 。 












製造 され た 携帯 電話 
(携帯 電話 イン スタ ンス ) 








製造 され た 携帯 電話 
(携帯 電話 イン スタ ンス ) 


製造 され た 携帯 電話 
(携帯 電話 イン スタ ンス ) 


携帯 電話 の 設 


電話 を 掛け る 
電話 を 受け る 
















0 アオ PAgr 2 flash を 学ぶ 





pb 継承 





「 ク ラス 」 は 、 そ の 機能 に 新た な 機能 、 情 報 を 追加 し て 更に 新しい クラ ス を 作成 する こと が 可能 で す 。 


例え ば 、「 携 帯電 話 ク ラス ] に カメ ラ 撮影 の 機能 を 付け た いと な っ た 場合 は 、「 携 帯電 話 ク ラス 」 に 機能 を 追加 し て 「 カ メ 
ラ 付 き 携帯 電話 クラ ス 」 を 作成 する こと が で きま す 。 機能 や 情報 を 加え た 新しい クラ ス を 作る 際 に 、 あ る クラ ス を も と 


に する こと を 「 継 承 ] と 呼び ます 。 


















携帯 電話 の 設 
携帯 電 語 ス 





電話 を 掛け る 
電話 を 受け る 





た 
Ako カメ ラ 付き 携 電 話 の 設計 










ロロ ロ | 製造 され た カメ ラ 付き 携帯 電話 
旧 昌 申 | (カメ ラ 付き 携帯 電話 イン スタ ンス ) 
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電話 を 掛け る 
電話 を 受け る 
カメ ラ 機 能 











Flash に お ける クラ ス 


Flash で の プロ グラ ミン グ で は 、 あ ら か じ め 用 意 さ れ た 「 ビ ルト イン クラ ス 」 や 、 自 分 や 他人 が 新た に 作成 し た 
「 カ スタ ムク ラス 」 を 組み 合わ せる こと で さま ざま な コン テン ツ を 作成 する こと が で きま す 。 


pb MovieClip クラ ス 


実際 に ActionScript 3.0 で 使わ も れ て いる クラ ス に 
つい て 考え ます 。Flash 上 で 画面 に 配置 し た ムー 
ビー クリ ッ プ は すべ て MovieClip クラ ス の イン ス 
タン ス と な っ て いま す 。 


MovieClip クラ ス は 「 タ イム ライ ン の 操作 ] や 「 ム ー 
ビー クリ ッ プ 内 の 表示 要素 の 制御 ] 機能 、「 位 置 ] 
や 「 大 き さ 」、「 角 度 」 な どの 情報 を 持っ て いま す 。 
これ に より 画面 上 に 配置 され た すべ て の ムー ビー 
クリ ッ プ で 同じ よう に 「 タ イム ライ ン の 操作 」 や 「 表 
示 要 素 の 制御 ]、「 位 置 ] や 「 大 き さ 」 な どの 情報 の 
取得 が 可能 と な り ま す 。 








MovieClip 
イン スタ ンス 


MovieCli MovieClip 
イン スタ ンス イン スタ ンス 


am 人 





MovieClip クラ ス 























p ビル トイ ンク ラス と カス タム クラ ス 


ActionScript 3.0 の クラ ス は 大 きく 2 種類 に 分 ける こと が で きま す 。「 ビ ルト イン クラ ス 」 と 「 カ スタ ムク ラス (ユー ザー 
定義 クラ ス )」 で す 。 

「 ビ ルト イン クラ ス 」 は ActionScript に あら か じ め 作ら れ た クラ ス の こと を 指し 、 これ ら の クラ ス を 用 いて 、 さ ま ざ ま な 
プロ グラ ミン グ を 行う こと が で きま す 。 

また 「 カ スタ ムク ラス |] は ユー ザー に よっ て 新た に 作成 され た クラ ス を 指し ます 。 自 分 が 作成 し た クラ ス だ け で な く 、 
ActionScript ラ イブ ラリ と し て 公開 され て いる 「Progression] や 「PaperVision3D] な ど に 含ま れる クラ ス も 「 カ スタ ム 
クラ ス 」 と 呼ば れ ま す 。 


本 書 で 登場 する 主 な ビル トイ ンク ラス と その 使い 方 










主 な 使い 方 
MovieClip.play( ) 





MovieClip |. ムー ビー クリ ッ プ 
配列 | Var array = new Array() 9 


オブ ジェ クト |varobject=new Object() ゃ : 























テキ スト フィ ー ル ド | TextField.text = "テキ スト " を 








| Stage.stageWidth - で 


ステ ー ジ 














カメ ラ 





Camera.getCamera( ) を 1 














日 付 Datergetpate() 














プロ パテ ィ と メソ ッ ド 








それ ぞ れ の クラ ス は 「 プ ロ パ ティ 」 と 呼ば れる 情報 、「 メ ソ ッ ド ] と 呼ば れる 機能 を 持っ て いま す 。 
これ ら を 実行 し た り 、 取 得 ・ 設 定 す る こと で さま ざま な プロ グラ ミン グ が 実現 で きま す 。 








各 ク ラス が 持っ て いる 機能 の こと を 「 メ ソ ッ ド ]」 





と 呼び ます 。 例え ば MovieClip クラ ス は 、 タ イ 
ムラ イン を 制御 する メソ ッ ド と し て 「play( )」 
「gotoAndStop( ) 」 な ど を 、 表 示 要 素 を 制御 する 機能 情報 
メソ ッ ド と し て 「addChild( )」 [removeChild( ) 」 置 タイ ムラ イン の 制御 時 位置 
「setChildIndex( )] な ど を 持っ て いま す 。 再生 する 横 位置 
6 四 停止 する 姓 置 
また 、 各 クラ ス が 持っ て いる 情報 は 「 プ ロ パ ティ ]」 フレ ー ム を 移動 する 
Eco 置 大 き さ 
と 呼ば れ ま す 。 同じ く MovieClip クラ ス の 例 で は 、 男 ム ー ビ ー ク リッ プ 内 の 
位置 情報 の プロ パテ ィ 「x」「y」、 大 き さ の プロ バ 表示 要素 の 制御 ee 
ティ 「scaleX」「scaleY] な ど を 持っ て いま す 。 画面 に 配置 する 横 の 幅 
画面 か ら 消去 する 縦 の 幅 
NSRGHE532B2 和 orr Re 0 い し 
症 GE の に い だ ec 
3 男 … 
メソ ッ ド プロ パテ ィ 
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OURSG イ ベン ト の 概念 


ActionScript 3.0 を 学ぶ 上 で 、 イ ベン ト 処 理 の 考え 方 を 理解 する こと は 非常 に 重要 で す 。 と は 
いえ 、 あ まり 難し く 考 え ず に 、 概要 か ら 理 解 し て いき まし ょ う 。 ま ず は 、 身の回り の 出来 事 で 、 
イベ ント 処理 の 考え 方 を 見 て み ま し ょ う 。 イ ベン ト 処 理 の 考え 方 を 簡単 に まとめ る と 、「 何 か 
が 起こ っ た こと を きっ か け に 、 何 か を 実行 する ] と いう こと に な り ま す 。 こ の よう に 考え る と 、 
普段 の 生活 の 中 で も イベ ント 処理 は 発生 し て いま す 。 例え ば 、「 毎 月 25 日 に は お 給料 が 振り 
込ま れる 」、「 自 動 改札 機 に 切符 を 入れ る と ゲー ト が 開く 」 etc.…… 。 こ の よう に 「 誰 か が 」「 〇 
〇 を する と 」「Xx が 起こ る ] と いう 一 連 の 流れ の な か で 、「 〇 〇 を する 」 こと を きっ か け に 「x 
X が 起こ る ] と いう こと が イベ ント 処理 の 大 き な 流 れ に な り ま す 。 





イベ ント の 考え 方 イベ ント が 発生 処理 の 実行 


お 給料 が 
振り 込ま れる 
自動 改札 機 に 改札 の ゲー ト が 

切 待 を 通し た 開く 










「 〇 〇 を する と 」「Xx が 起こ る ] 


2 
〇 〇 を し た こと を きっ か け に XX が 起こ る 


25 日 に な っ た 























いき 
I 
に か 


ョ 0 エ う ヨイ 
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イベ ント と は 


Flash で の イベ ント 処理 の 流れ を 図 を 使っ て 見 て いき ます 。 














jk イベ ント ハン ドラ と イベ ント リス ナ 


例え ば 「 ボ タン を 押し た ら 次 の 画面 に 移動 する ] と か 、 「 画 像 ファ イル の 読み 込み が 完了 し た ら 読 み 込ん だ 画像 を 開始 す 
る 」 と いう よう に 、「 何 か が 起こ る と 、 そ れ を きっ か け に し て 実行 する ] と いう 処理 が 数 多く あり ます 。 

ActionScript 3.0 で この よう な イベ ント 処理 を 行う 際 に は 、 イ ベン トリ スナ と いう 仕組 み を 使い ます 。 リ スナ ー と 言う 名 
前 か ら 、「 イ ベン ト の 発生 を 常に 聞い て いて 、 イ ベン ト が 発生 し た ら そ れ を 関数 に 伝え る 仕組 み ] を イメ ー ジ する と 、 分 
か りや すい と 思い ます 。 

ActionScript 2.0 で は イベ ント ハン ドラ メソ ッ ド と いう 仕組 み を 利用 し て イベ ント 処理 を 行っ て いま し た が 、ActionScript 3.0 
で は イベ ント リス ナ を 使っ た イベ ント 処理 に 統一 され まし た 。「 ボ タン を 押し た ら 〇 〇 する 」 と いう 処理 の 流れ を 例 に 、 
2 つの 違い を 下 の 図 に まとめ ます 。 


イベ ント ハン ドラ メソ ッ ド を 使っ た イベ ント 処理 の 場合 、 ボ タン が 関数 を 呼び に 行く と ころ まで を 担当 し ます が 、 イ ベ 
ント リス ナ を 使っ た 処理 の 場合 は ボタ ン は た だ 「 ク リッ ク さ れ た 」 と いう 情報 を 発信 すれ ば 良く 、 イ ベン トリ スナ が その 
情報 を キャ ッ チ し て 関数 を 呼び に 行く 、 と いう 違い が あり ます 。 

イベ ント リス ナ を 使っ た 処理 は 、 複 数 の 処理 を 同時 に 行う こと が で き 、 か つ そ れ ぞ れ の 処理 の 流れ を 個別 に 消し た りす 
る こと が で きま す 。 





イベ ント ハン ドラ メソ ッ ド を 使っ た イベ ント 処理 の 流れ 


② 関数 を 呼び 出す 


クリッ ク 
③ 関 数 を 実行 する 





イベ ント リス ナ を 使っ た イベ ント 処理 の 流れ 


イベ ント を 聞い て いる 






④ 関数 へ を 呼び 出す 




















@ クリ ッ ク ① ク リッ ク の 監視 ⑤ 関 数 へ を 実行 する 
③ ク リッ ク を 検知 
イベ ント を 発信 する 
④ 関数 B を 呼び 出す 
関数 
① ク リッ ク の 監視 ⑮ 関 数 B を 実行 する 





③ ク リッ ク を 検知 
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ぁみ Flash で の イベ ント の 使い 方 


次 に 、「 ボ タン を クリ ッ ク し た ら 関 数 eventTest( ) を 実行 する ] と いう イベ ント 処理 の 流れ を 、ActionScript の イベ ント 
処理 の 用 語 に 置き 換え て 考え て み ま す 。 

イベ ント リス ナ を 使っ た イベ ント 処理 に 必要 な 要素 は 、 イ ベン ト が どこ で 発生 する か を 示す 「 タ ー ゲ ッ ト 」、 ク リッ ク 、 キ ー 
操作 、 フ ァイル 読み 込み な どの 「 イ ベン ト の 種類 ]、 そ し て イベ ント が 発生 し た 際 に 実行 され る 「 リ スナ ー 関 数 ] の 3 種 


類 で す 。 


プロ グラ ム の 詳細 に つい て は 、「 イ ベン トリ スナ 」 の 項 で 解説 し ます の で 、 そ ちら を 参照 し て くだ さい 。 


トー 








ター ゲッ ト 





イベ ント 処理 に 必要 な 要素 


・ イ ベン ト の ター ゲッ トイ ンス タン ス ( 誰 が ) 
・ イ ベン ト の 種類 (の 〇 〇 し た ら ) 
・ リ スナ ー 関 数 (メメ する ) 


イベ ント の 種類 リス ナー 関数 


| 











| btn1_mc.addEventListener(MouseEvent.CLICK, eventTest): 


叶 | = 








ーー 


9 


| | めい 
e き 
el 中 
ーーー: 3 キー 3 


クノ ポン ト * 休 和 克 昌 和夫 
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タイ ムラ イン を 制御 する 


ActionScript を 使っ て タイ ムラ イン を 制御 する 方 法 を 解説 し ます 。 タ イム ライ ン は ムー ビー 
を 再生 する と 、1 フ レー ム か ら 順 に コマ 送り で 再生 し 、 最 終 フ レー ム ま で 再生 する と また 1 フ 
レー ム 目 に 戻り (ルー プ ) ま す が 、 こ の 再生 ・ 停 止 を ActionScript を 使っ て 制御 する こと が で 
きま す 。 ま た 、 特 定 の フレ ー ム か ら 再 生 を 始め た り 、 特 定 の フレ ー ム に 飛ん で そこ で 停止 、 
と いう こと も で きま す 。 





タイ ムラ イン を 制御 する ActionScript 


ActionScript を 使う こと で 、 ム ー ビ ー を 再生 / 停 止 し た り 、 特 定 の フレ ー ム に ジャ ンプ し た り で きま す 。 
主要 な も の を 紹介 し まし ょ う 。 


pb play( )、stop( ) 


タイ ムラ イン の 再生 を 開始 する に は play( )、 再 生 
ヘッ ド を 停止 させ る に は stop( ) を 使い ます 。 

まず は キャ ラク ター が 横 に 移動 する アニ メー ショ 
ン を クラ シッ クト ウゥ イー ン を 使っ て 作り ます 。 サ 
ンプ ル で は 、40 フ レー ム で 左 か ら 右 へ 移動 する ア 
ニメーション を 作り まし た 。 

この 状態 で スー ビー プレ ビュ ー す る と 、40 フ レー 
ム 目 の 次 は また 1 フレ ー ム 目 か ら 再 生 が 始ま り 、 
アニ メー ショ ン が ルー プ し ます 。 

















40 フ レー ム 目 まで 再生 が 終わ る と 、1 フ レー ム 目 か ら ま た 再生 が 始ま る 


oo PAkr 2 flash を 学ぶ 





ここ で 、 最 後 の 40 フレ ー ム 目 に 、stop( ) を 記述 し 
て ムー ビー プレ ビュ ー を する と 、 キ ャ ラク ター が 
右 に 行っ た 時 点 で アニ メー ショ ン の 再生 が 停止 さ 
れ 、 ル ー プ が 止ま り ま す 。 





| stop(): 和 を 


ぁ ゆ gotoAndPlay( ) (1) 


特定 の フレ ー ム に 再生 ヘッ ド を ジャ ンプ させ 、 そ 
こ か ら 再 生 を 始め る に は 、gotoAndPlay( ) を 使い 
ます 。 

stop( ) の 項 で 作成 し た サン プル で 、40 フ レー ム 目 
に 記述 し た スク リプ ト を 、gotoAndPlay(20) と 書 
き 換 える と 、 右 まで 行っ た キャ ラク ター が 真中 (20 
フレ ー ム 目 の 位置 ) に 現れ 、 そ こ か ら 再 生 が 始ま り 、 
アニ メー ショ ン が ルー プ し ます 。 


[ 
| gotoAndPlay(20): 




















40 フ レー ム 目 で 再生 ヘッ ド が 停止 し 、 ア ニメーション が 止ま る 


1 者 避 生 中 よ 。 8 本 90m 

















40 フ レー ム 目 まで 再生 され る と 、20 フ レー ム 目 に ジャ ンプ し 、 そこ か ら 
再生 が 始ま る 








に 
本 
| 
由 

に 
1 








ぁ ぁ gotoAndPlay( ) 一 一 (2) 


gotoAndPlay( ) に は 、 前 ペー ジ で 説明 し た よう に 
ジャ ンプ 先 の フレ ー ム を フレ ー ム 数 で 指定 する 以 
外 に も 、 フ レー ム の ラベ ル 名 で 指定 する 方 法 が あ 
り ま す 。 

先程 の サン プル に レイ ヤー を 追加 し 、20 フ レー ム 
目 に 空白 の キー フレ ー ム を 作成 し 、[ プ ロ パ ティ ] 
パネ ル の 「 ラ ベル 」 の 「 名 前 ] に 任意 の ラベ ル 名 を 
入れ ます 。 

する と 、 タ イム ライ ン 上 に 、「 名 前 」 で 設定 され た 
ラベ ル が 表示 され ます 。 


40 フ レー ム 目 の スク リプ ト を 下記 の よう に 書き 換 
えま す 。 

ここ で ムー ビー プレ ビュ ー す る と 、 フ レー ム 数 を 
指定 し た の と 同様 の 動作 で アニ メー ショ ン が 再生 
され ます 。 








gotoAndPlay 
全 () 内 に 指定 し た ラベ ル が つい た フレ ー ム に ジャ ンプ し 、 
そこ か ら 再 生 を 始め る 





ぁ b ぁ gotoAndStop( ) 


gotoAndPlay( ) 同様 、 タ イム ライ ン の 制御 で よく 
使わ れる の が 、gotoAndStop( ) で す 。 

これ は ( ) 内 で 指定 し た フレ ー ム に ジャ ンプ し 、 そ 
こ で 再生 ヘッ ド を 停止 し ます 。 

フレ ー ム の 指定 は 、gotoAndPlay( ) 同様 、 フ レー ム 
数 で も フレ ー ム の ラベ ル 名 で も 指定 で きま す 。 上 で 
作っ た サン プル で 、gotoAndPlay を gotoAndStop 
に 書き 換え 、 動 作 を 確認 し て みて くだ さい 。 
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40 フレ ー ム 目 ま で 再生 され る と 、「repeat] と いう 名 前 の つい た フレ ー 
ム (20 フ レー ム 目 ) に ジャ ンプ し 、 そ こ か ら 再 生 が 始ま る 

















ョ 2 MovieClip を 制御 する 


MovieClip を 使う 最大 の 利点 は 、 ActionScript で 制御 が で きる こと で す 。ActionScript で 制 
御 す る こと に より 、 イ ンタ ラク ティ ブ な コン テン ツ を 作る こと が で きま す 。 


穫 
ょ 5 
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ムー ビー クリ ッ プ の 中 の タイ ムラ イン を 制御 する 


「1-5 シン ボル 」 で 触れ た よう に 、 ム ー ビ ー ク リッ プ も タイ ムラ イン を 持っ て いま す 。 で すか ら 、 タ イム ライ ン を 制 
御 (再生 : play や 停止 : stop) す る の と 同じ よう に 、 ム ー ビ ー ク リッ プ も 制御 で きる わけ で す 。 








ムービ ピー タク リッピ が | 
加 生 中 に SA ニタ 4 人 0 還 還 は れ て | /Moveclip(chara) の 中 の タイ ムラ イン を 再生 する (歩く アニ メー ショ ン ) 
いま す 。 そ の ムー ビー クリ ッ プ に イン ス chara.gotoAndPlay("walk"): 


タン ス 名 「chara」 と 指定 し ます 。 
ここ で は 、gotoAndPlay (フレ ー ム を 指 
定 し て 再生 ) を 利用 し ます 。 
































その 他 詳し く は 、「4-1 タイ ムラ イン を 制 
御 す る ] を 見 て くだ さい 。 





play( ) 再生 
stoP( ) 停止 | 
qotoAndStop( ) | フレ ー ム を 指定 し て 停止 


























MovieClip の プロ パテ ィ 


ムー ビー クリ ッ プ を ActionScript で 制御 する に は 、 プ ロ パ ティ を 知ら な く て は な り ま せん 。 プ ロ パ ティ と は 、 簡 単 
に いう と 、 ム ー ビ ー ク リッ プ の で きる こと を 指し 、 こ れ を 知れ ば 、 自 由 に 制御 で きる よう に な り ま す 。 








pk ムー ビー クリ ッ プ の 位置 を 変更 する 





W 基準 点 を 理解 する 

ムー ビー クリ ッ プ を 制御 する 際 に は 基準 点 が と て 
も 重要 に な り ま す 。 

基準 点 と は 、 右 図 の よう に ムー ビー クリ ッ プ を 選 
択 し た 際 に 、 表 示さ れる 「+」 マー ク の 位置 の こ 
と で す 。 


@ 位置 を 変更 する 
ムー ビー クリ ッ プ は この 点 を 基準 と し て 、 動 きま す 。 隊 須 ーー 


ステ ー ジ の 基準 点 (0.) 





ムー ビー クリ ッ プ の 基準 点 ! 





この 点 を 数 値 で 指定 する こと で 、 ム ー ビ ー ク リッ charax 
プ が 変化 する わけ で す 。 
位置 を 指定 する 場合 に は 、X 軸 と Y 軸 の 2 つ を 個 NN 


別に 指定 し な く て は な り ま せん 。 





























X 夫 の 位置 を 数値 (基準 点 か ら の ピクセル) | | /AMouieclp(hara) の X 位 軒 を 250 に する hl 
| | で 指定 / 取 得 Me 3 
Y 軸 の 位置 を 数 値 (基準 点 か ら の ビク セル ) | /MovieClip(chara) の Y 位 置 を 100 に する 
で 指定 / 取 得 | charay=100: 
ーー 1 た ーー ーー ーー 
と ムー ビー クリ ッ プ を 回 転 させ る /MovieClip(chara) を 45 度 に 回 転 する 


chara.rotation = 45: 


回 転 も 、 位 置 の 変更 同様 に 、 基 準 点 を 中 心 に 回 転 ー ーー 1 
し ます 。 

回 転 角 度 は 数 値 (0 一 360) で 指定 、 数 値 が 0 以上 
(プラ ス ) で あれ ば 右 回 転 、 逆 に 0 以下 (マイ ナス ) 
で あれ ば 左 回 転 に な り ま す 。 











| rotation | 角度 を 数 値 (整数 ) で 指定 / 取 得 




















45 度 、 右 に 回 転 する 


o64 Par 2 flash を 学 














kk ムー ビー クリ ッ プ を 拡大 / 縮 小 す る | alchara) の 大 きき ( 村 幅 ) を 509% に する 
chara.scaleX = 0.5: 
拡大 ・ 縮 小 は 100% を 1 と し て 、 パ ー セ ン テ ー ジ //MovieClip(chara) の 大 き さ ( 縦 幅 ) を 50%% に する 


で 指定 し ます 。 等 倍 (デフ ォ ル ト 値 : 100%) = 1、 CUTGD284EOS 
2 倍 2、109%6 王 0.1 と な り ま す 。 












































また 、 拡 大 ・ 縮 小 も 位置 同様 に 、 横 と 縦 を 別々 に 
指定 し ます 。 
scaleX 横幅 を 数 値 ( ビ クセ ル ) で 指定 / 取 得 
scaleY 縦 幅 を 数 値 ( ビ クセ ル ) で 指定 / 取 得 
縦横 50% に 縮小 する 








p ムー ビー クリ ッ プ の 不透明 度 を /MovieClip(chara) の 不 遂 明度 を 409% に する 
変 更 す る chara.alpha = 0.4: 


不透明 度 も 拡大 ・ 縮 小 と 同様 で 、 不 透明 度 1009% 
を 1 と し て パー セン テー ジ で 指定 し ます 。 不 透明 
(デフ ォ ル ト 値 : 100%) = 1、 透 明 0 と な り 
ます 。 











不肖 明度 を パー セン テー ジ (01.0) 
DD で 指定 / 取 得 




















不透明 度 を 40%% に する 


上 その 他 の MovieClip の プロ パテ ィ 一 覧 





currentFrame | 現在 の フレ ー ム 番号 を 取得 

height 横幅 を 数 値 ( ビ クセ ル ) で 指定 / 取 得 

mouseX ムー ビー クリ ッ プ 内 の 基準 点 あ から の マウ ス の X 軸 を 数 値 で 取得 
ムー ビー クリ ッ プ 内 の 基準 点 か の ら の マウ ス の Y 軸 を 数 値 で 取得 
イン ステ ンス 名 を 指定 / 取 得 

1 つ 上 の 階層 ヘア クセ ス 

メイ シタ イラ イジ ベア クセ ズ 

ムー ビー クリ ッ プ の 最大 フレ ー ム 数 を 取得 


表示 / 非 表示 を ブー ル 値 (true/false) で 指定 / 取 得 
width | を 人 ( ビ クセ ル ) で 拓 / 了 























間 




















o%c 











フロ グラ ミン ク function 


プロ グラ ム を 効率 的 に 進め る た め 、function (関数 ) を 利用 し ます 。 





function の 考え 方 


function と は 何 か ? を 簡単 に 「 使 えな い バ イト 君 と コン ビニ の 店 長 ] と いう 例 を 出し て 説明 し ます 。 


場所 は 、 と ある コン ビニ で す 。 店 長 一 人 だ っ た の で 、 新しく バイ ト を 雇う こと に し まし た 。 し か し 、 こ の バイ ト 君 は まっ 
た く 気 が 利き ませ ん 。 例 えば 、「 掃 除 を お 願い ! ] と 言う だ け で は 一 人 で 動け ませ ん 。 毎回 「 床 を モッ プ で 掃除 ]「 窓 を 拭 
いて ]「 入 り 口 を ほう き で 掃き 」「 棚 を 整理 ] な ど 事細か に 説明 を し な く て は 動く こと が で きま せん 。 こ の まま で は 、 店 長 
は 毎回 彼 に 掃除 を させ る た め に すべ て を 説明 し 続け な けれ ば な り ま せん 。 あ まり に も 大 変 な の で 、 店 長 は メモ を 作り バ 
イト 君 に 持た せま し た 。 メモ に は 掃除 の 内 容 が 事細か に 書い て あり ます 。 そ し て 、 そ の メモ に は 「 掃 除 内 容 ] と 書か れ 
て いま す 。 こ うし て 店 長 は 「 掃 除 を お 願い ! 」 と 言う だ け で バイ ト 君 に 事細か な 掃除 を お 願い する こと に 成功 し まし た 。 





毎回 、 事 細か に 説明 が 必要 メモ (指示 書 ) を 使う 


oe PAr 2 flash を 学 











さて 、 こ この どこ が [function] か と いう と 、 メ モ に 当たり ます 。 バ イト 君 は PC (今回 の 場合 Flash) そ し て 、 あ な た は 
店 長 で す 。Flash は 指示 され た と き に の み 指 示 の 内 容 を 実行 し ます 。 つ まり 、 何 度 も 同じ 処理 を させ た い 場 合 は メモ を 
書く 前 の 店 長 の よう に 毎回 も 同じ 命令 を 指示 し な く て は な り ま せん 。 こ うし た プロ グラ ム の や り 方 で は 、 書 き 忘れ や 、 
書き 間違い と いっ た ミス が 増え て し まい ます 。 さらに 、 指 示 を 追加 ・ 変 更 する 際 に は 、 今 まで 書い た すべ て の 命令 を 修 
正 ・ 変 更 し な く て は な り ま せん 。 その 点 メ モ を 作っ て お け ば その メモ 1 つ 修 正す れ ば 良い だ け で す の で 、 効 率 的 に 作業 


を 行う こと が で きま す 。 
これ が 一 般 的 に 関数 (function) と 呼ば れる も の で 、 で きる だ け 使 いま わし が 利く よう に 作る の が 目的 と され て いま す 。 


function の 使い 方 


function の 作り 方 と 実行 の 仕方 に つい て 、 解 説 し ます 。 


記 
全 
3 
た 
を 





py function の 作り 方 (関数 を 定義 する ) 


右 の コー ド の よう に 、function の 中 の { } (中 括弧 ) 
で 囲っ た 中 に プロ グラ ム を 書い て いき ます 。 





| function 関数 名 (引数 )[ 
ここ に 処理 内 容 を 記述 ト 処理 ブロ ッ ク 
関数 の 定義 は 以下 の よう な 要素 が あり ます 。 


‥ 関数 名 

関数 名 は 、 そ の 関数 を 呼び 出す た め の 指 示 書 の 名 

前 で す 。 こ の 指示 書 に あたる 、function は 用 途 に 

合わ せ て いく つ で も 作る こと が で きま す 。 

そこ で 、 的 確 に 指示 が で きる よう に 、 命 令 に 対し 殺 

て 適切 な 名 前 を 付け る こと も 大 切 で す . ェ ーーー ー ーー 
| function 掃除 を お 願い (){ 


| } 


























月 還 | 床 を モッ プ で 掃除 : 
多 処理 フロック 訟 を 岳 い て : 
処理 ブロ ッ ク は 、 細 か い 指 示 書 の 内 容 を 記述 し ま 入り 口 を ほう き で 掃き : 
す 。 先ほど の 掃除 の 指示 を ActionScript に 父 っ て | 1 欄 を 整理 
書い て み ま し ょ う 。 臣 
by function の 実行 の 仕方 例 
お 願い () : 
作っ た function を 実行 する に は 「function 名 ():| ai 
と 書き ます 。 
出力 結果 

使用 例 時 ii 

文字 列 「A」 を 出力 する function | 

function traceA():voidt 

trace("A"): 
// 実 行 する 
traceA(): 
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引数 


function に は さら に 、「 引 数 ] と 呼ば れる 便利 な 機能 が あり ます 。 





pb 引数 と は 


引数 と は 、function を 使い 回 す た め に 、 利 用 する 
function の 中 の み で 利用 され る 変数 の こと で す 。 
こう する こと に よっ て 汎用 的 に 使え る 関数 が 作れ ここ に 処理 内 容 を 記述 時 2m ッ 
ます 。 引 数 は 、 関 数 へ 情報 を 与え た い 場 合 に の み 

使用 し ます 。 





function 関数 名 (引数 ){ 





例え ば 、「 棚 の 整理 ] で す が 、 コ ン ビ ニ に は いろ い 例 
ろ な 商品 の 棚 が あり ます 。 雑誌 の 棚 や 飲料 水 の 棚 unction 控除 を お 願い (場所 ) 





な ど を その 都度 指定 する こと が で きれ ば 、 こ の 引 床 を モッ プ で 掃除 
数 を 利用 する こと で 、「 掃 除 と 一 緒 に 雑誌 の 棚 も 悪 を 拭い て : 

3 に 入り 口 を ほう き で 掃き 
片付け と いて ! 」 な ど 汎 用 的 な 指示 を 簡単 に 出す [ 旧 所 ] 桶 を 整理 : 


こと も で きま す 。 場所 の 指示 の 仕方 は 右 の 例 の よ } 
うに な り ま す 。 こ の よう に 片付け て ほし い 場 所 を 
指定 し た い 時 な ど に 有効 で す 。 











function 関数 名 (引数 ){ 
| 「 タ ブ ) ここ に 処理 内 容 を 記述 一 処理 ブロ ッ ク 


| } 





pb 引数 を 使っ た 際 の 実行 方 法 


引数 に より 、「 場 所 」 と いう 変数 へ 「 本 棚 ] が 渡り 、 例 
結果 、 掃 除 と 同時 に [雑誌] 棚 の 整理 と いう 指示 を 
出す こと が で きま す 。 Metad ea 


使用 例 出力 結果 


// 好 き な 文字 列 を 出力 する ファ ンク ショ ン 

function traceAnyText(str:String):voidt 
trace(Sstr)i 

} 

















// 実行 する 
traceAnyText("A'): 














PAzr 2 flash を 学ぶ 





function ファ ンク ショ ン 名 (引数 1. 引 数 2){ 
処理 内 容 


[中 数 1] を 使っ た 処理 内 容 
[引数 2] を 使っ た 処理 内 容 
} 


pp サン プル : ムー ビー クリ ッ プ と 合わ せ て 使っ て みよ う 


ゆ Y 位 置き 移動 する 

ステ ー ジ 上 に 配置 し た ムー ビク リッ プ ( イ ンス タン 
ス 名 : chara) の Y 位 置 を 「250px」 に 移動 する ファ 
ンク ショ ン を 作っ て み ま し ょ う 。 











ムービー クリ ッ プ (chara) の Y 位 置 を 250 に する 
function setPos():void{ 

chara.y = 250: 
} 


// 実行 する 
setPos(): 











Y 位 置 が 250 に 移動 











引数 を 使っ て Y 位 置 の 値 を 指定 する 


また 、Y 位 置 の 値 を ファ ンク ショ ン 実 行 時 に 自由 
に 設定 で きる よう に 、 引 数 を 使っ て 書き 換え て み 
ます 。 

こう し た フレ キシ ブル な ファ ンク ショ ン を 作る と 、 
似通っ た プロ グラ ム を 何 度 も 作ら ず に 済み ます 。 





ーー 








/ ム ー ビ ー ク リッ プ (chara) の Y 位 置 を 自由 に 設定 で きる 
function setPos(num:in0:voidt 

chara_y = numm: 
} 


//Y 位 置 250 に 設定 し て 実行 する 
setPos(250): 
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ミイ ベ ン ント リス ナー Py Cs 


「3-6 イベ ント の 概念 ] で は 、「 ボ タン を クリ ッ ク し た ら 関 数 を 実行 する ] と いう 例 を 使っ て イ 


ベン ト の 考え 方 を 説明 し まし た 。 こ こ で は 、 実際 に サン プル を 作り な が ら ActionScript を 使っ 


た イベ ント 処理 に つい て 学ん で いき ます 。 








イベ ント リス ナ を 使っ た イベ ント 処理 


イベ ント リス ナ を 使っ て イベ ント 処理 を 行う に は 、addEventListener( ) メソ ッ ド を 使い ます 。 














ぁみ ボタ ン の 準備 
3-6 イベ ント の 概念 」 の 最後 で は 、 下 の 図 を 使っ て イベ ント 処理 に 必要 な 要素 を まとめ まし た 。 





イベ ント 処理 に 必要 な 要素 


・ イ ベン ト の ター ゲッ トイ ンス タン ス ( 誰 が ) 
・ イ ベン ト の 種類 ( つ 〇 し た ら ) 
・ リ スナ ー 関 数 (XX する ) 


「 ボ タン を クリ ッ ク し た ら 、 関 数 eventTest( ) を 実行 する 」 


ター ゲッ ト イベ ント の 種類 リス ナー 関数 











PAzrT 2 flash を 学ぶ 








これ を 実際 に Flash 上 で 動作 させ て み ま し ょ う 。 
まず は 前 準備 と し て Flash 上 で ボタ ン を 作成 し て お きま す 。 ス テー ジ 上 に 知 形 ツ ー ル を 使っ て 長方形 を 書き 、 そ の 上 で 
右 ク リッ ク で [シン ボル に 変換 一 ムー ビー クリ ッ プ ] を 選択 し 、 イ ンス タン ス 名 を 「btn_mc] と し て お きま す 。 








btn mc 











pb addEventListener( ) メソ ッ ド で ボタ ン を 動作 する よう に する 


まず は ボタ ン を クリ ッ ク さ れ た ら 実 行 され る リス ナー 関数 を 作り ます 。 


* 
相 


※ 
同 
由 








隊 % 1 | 

リス ナー 関数 を 作る 

function eventTest(even0{ 
trace(" ボ タン が クリ ッ ク さ れ ま し た 。"): 





次 に 、 イ ベン トリ スナ を 使っ て 、 ボ タン (ター ゲッ ト と な る イン スタ ンス ) と 関数 を 結び 付け ます 。 


ゲイ ベン トリ スナ で イベ ント と 関数 を 結び 付け る 
btn_mc.addEventListener(MouseEvent.CLICK, eventTest): 














使い 方 
ター ゲッ ト の イン スタ ンス 名 .addEventListener( イ ベン ト の 種類 , リス ナー 関数 ): 
この 状態 で プレ ビュ ー し て み ま し ょ う ( メ ニュ ー バ ー の [制御 ムー ビー プレ ビュ ー])。 
ボタ ン を クリ ッ ク す る と 、[ 出 力 ] パネ ル に 下 の よ うに 表示 され る は ず で す 。 ク リッ ク す る た び 関 数 が 呼ば れる の で 、 ボ 
タン を 連打 する と 、 そ の 回 数 分 だ け [出力 ] パネル に 文字 が 表示 され ます 。 
実行 結果 


。 ポタ ン が クリ ッ ク さ れ ま し た 。 


選 
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pb 複数 の 関数 を 実行 させ る 


イベ ント リス ナ を 複数 置く こと で 、1 つ の イベ ント に 複数 の 関数 を 結び 付け る こと も で きま す 。 





/ リ スナ ー 関 数 を 作る 実行 結果 
function eventTest1(even0{ 
AO いい ご 7 | で す 。 
| } | eventTest2 で す 。 
function eventTest2(event){ 須 


trace("eventTest2 で す 。"): 
} 


/ イ ベン トリ スナ で イベ ント と 関数 を 結び 付け る 
btn_mc.addEventListener(MouseEvent.CLICK, eventTest1): 
btn_mc.addEventListener(MouseEvent.CLICK, eventTest2): 














ぁ pk イベ ント リス ナ を 削除 する 


一 度 結び ご 付け た イベ ント と 関数 を 解除 する に は 、removeEventListener( ) メソッド を 使っ て 、 イ ベン トリ スナ を 削除 す 
る こと が で きま す 。 


/ イ ベン トリ スナ を 削除 する 
btn_mc.removeEventListener(MouseEvent.CLICK, eventTest1): 

















使い 方 
ター ゲッ ト の イン スタ ンス 名 .removeEventListener( イ ベン ト の 種類 , リス ナー 関数 ): 


pk イベ ント の 種類 


前 記 の サン プル で は 「 ク リッ ク 」 が イベ ント で し た が 、 イ ベン ト の 種類 は 他 に も 「 マ ウス カー ソル が 動く ]「 キ ー ボ ー ド で 
キー が 押さ れる ]「 フ ァイル 読み 込み が 完了 する ]」「 再 生 ペ ヘッ ド が フレ ー ム に 来る ] な ど 、 色 々 な も の を イベ ント と し て 使 
うこ と が で きま す 。 以下 に イベ ント の 例 を 挙げ て お きま す 。 

ちな み に 、 イ ベン ト の 種類 は ActionScript で 決め られ て お り 、 イ ベン ト 定 数 (定数 は 変更 で き な い 値 を 表す ) と 呼ば れ ま す 。 





イベ ント の 例 

ムン イベ ント が 発生 する タイ ミン グ 
MouseEvent.MOUSE_DOWN | マウ ス の ボタ ン が 押さ れ た ら 
MouseEventiMOUSE_UP 。 | マウ ス の ボタ ン が 離さ れ た ら 








MouseEvent.CLICK マウ ス の ボタ ン が クリ ッ ク ( 押 し て 離す ) さ れ た ら | 
MouseEvent.DOUBLE_CLICK | マウ ス の ボタ ン が ダブ ルク リッ ク ( 押 し て 苑 す を 2 回 ) さ れ た ら 。 
MouseEvent.MOUSE_MOVE | マウ スカ ー ソ ル が 動い た ら 

KeyboardEvent.KEY_DOWN キー ボー ド 上 で 何 か の キー が 押さ れ た ら 
Event.ENTER_FRAME 再生 ヘッ ド が フレ ー ム に 来 た ら 

Event.COMPLETE 外部 ファ イル の 読み 込み が 完了 し た ら 
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イベ ント 発信 元 を 知る に は 


リス ナー 関数 の 中 で イベ ント 発信 元 の オブ ジェ クト を 指す に は 、Event オ ブ ジ ェクト の target と いう プロ パテ ィ を 使い 
ます 。 





| リス ナー 関数 を 作る | 表 行 結果 
| function eventTest(even1{ 
trace(" こ の イベ ント の 発信 元 は 、"+event.target.name+" で す 。"): =97 ペ ン ト の 発信 元 は 、btn_mc 


| 信 event.target.name で イベ ント の 発信 元 の 名 前 を 取得 で きる 


イベ ント リス ナ で ボタ ン を 関数 と 結び 付け る 
| btn_mc. HEySn0MatenaitWougaByant CLICK, RSETS80 








ャ イヤ 
Eu キト pg』 


ぁみ サン プル : ボタ ン を 押し た ら キ ャ ラク ター の 位置 を 動か す 


ボタ ン と イベ ント リス ナ を 使っ て 、「 ボ タン を クリ ッ ク し た ら キ ャ ラク ター の 位置 を 動か す ] と いう 簡単 な サン プル を 作っ 
て み ま し ょ う 。 メ イン タイ ムラ イン の 1 フレ ー ム 目 に 「action]」、「chara」、「button] と いう 3 つの レイ ヤー を 作り 、 
「chara] レイ ヤー に キャ ラク ター を 配置 し 、 イ ンス タン ス 名 を 「charal と し ます 。 同様 に 「buttonl] レイ ヤー に ボタ ン を 
配置 し 、 イ ンス タン ス 名 を 「btn_mc] と し て お きま す 。 

action] レイ ヤー に 下記 の スク リプ ト を 記述 し ます 。 

実行 し て 、 ボ タン の クリ ッ ク で キャ ラク ター が 300 ピクセル の >x 位 置 に 移動 すれ ば 成功 で す 。 





// リ スナ ー 関 数 を 作る 
function moveMisoda(event){ 
chara.x = 300: 





| } 


/ ボ タン を 閲 数 と 結び 付け る 
btn_mc. PIAUOMGUSSEVSDR CLICK, moveMisodaj): 


| 実行 結果 
| 
] 
| 




















① ボ タン を クリ ッ ク す る 


(② キ ャ ラク ター が x 位 置 300px に 移動 する 











変数 は 、 あ る 情報 (デー タ ) を 保存 、 受 け 渡し を する た め の デ ー タ 形式 で 、 プ ログ ラミ ング の 
世界 で は 、 よ く 箱 に 例え られ ます 。 プ ログ ラミ ング で は 、1 つ の ステ ー ト メン ト (処理 ) が 終わ 
る と 、 そ の ステ ー ト メン ト で 使わ れ て いた デー タ は 破棄 され て し まい ます が 、 変 数 は あと で 
他 の 場所 で も 同じ デー タ を 参照 し て 別 の 処理 が で きる よう に する た め の 仕 組み で す 。 後 ほど 
説明 する 配列 も この 変数 の 一 種 と 言え を ます 。 プ ログ ラミ ング で は 必須 の 知識 の 1 つ で す 。 


変数 の 特徴 
① 変 数 は デー タ を 記憶 し て お く 箱 ③ デ ー タ を 入れ 替え た り 、 デー タ の 追加 / 削除 が で きる 


2 に 
デー タ の 入れ 奉 え (代入 ) 





(② 色 々 な も の を 値 と し て 保存 で きる (④ 変 数 の 形 で デー タ の 受け 渡し が で きる 


ムー ビー クリ ッ プ A ムー ビー クリ ッ プ B 


ーー 


| 1 | 

] ] | 

ムー ビー クリ ッ プ の | 
イン シズ スス ーー | 

| 






配列 、etc… | 6 


1 


] 
選 L 
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変数 の 基本 的 な 使い 方 


それ で は 実際 に 変数 を 使っ て み ま し ょ う 。 変数 を 使う に は 、 大 きく 分 け て 、 変 数 を 作成 (宣言 ) し 、 中 に 入れ る も の 
の 形 (デー タ 型 ) を 決め 、 値 を 入れ る (代入 ) と いう 3 つの ステ ッ プ が あり ます 。 








pb 変数 の 宣言 


変数 を 作成 する こと を 、「 変 数 を 宣言 する ] と 言い ます 。 変数 を 宣言 する に は 、var を 使い ます 。 
デー タ 型 と は 変数 の 中 に 入れ る も の の タイ プ を 指定 する も の で 、 変 数 名 の 後に コロ ン で 指定 し ます 。 








使い 方 使用 例 
Var ・ デー っ var schooIName:Stringi 
変数 名 : デ ー タ 型 ー 信 デー タ 型 が String( 文 字 列 ) の 変数 schooIName を 宣言 ェ 
相 8 
1 ゴ 
ーーーーーー ニ ーー ーーーー ニ ーーーーーー ニ ーーー ニ ーー ニーーーーー ニ ーー ニニ ーー ニニ ニニ ーー ニー ニー ニー ニー ここ ニニ ニー ニー ニー ニー ニー ニー ニニ ニニ ニー ニニ ーー ca ぇ 


pb 数 値 を 表示 させ る 


変数 に 値 を 保存 させ る こと を 「 代 入 す る ] と 言い ます 。 変数 に 値 を 代入 する に は 、「=」 を 使い ます 。 











使用 例 実行 結果 

var schooIName:Stringi 
スー ル 

schooIName =" ク スー ル 計 
人 変数 schooIName に 文字 列 「 ク スー ル 」 を 代入 
trace(schooIName): を 変数 名 で 値 を 取り 出す こと が で きる 

変数 の 宣言 時 に 値 を 代入 し て お く こ と も で きま す 。 

使用 例 実行 結果 
var schooIName:String: =" ク スー ル " 
信 変数 の 宣言 と 値 の 代入 を 同時 に 行う スー ルル コ 
trace(schooIName): 











変数 の 値 は プロ グラ ム の 途中 で 書き 換え る こと が で きま す 。 
使用 例 


Var jikyuu:uint = 1000: 
全 デー タ 型 が 整数 (uint) の 変数 jikyuu を 宣言 し 、 数 値 1000 を 代入 
trace(" あ な た の 時 給 は " + jikyuu+ "円 で す 。『") : 





| あな た の 時 給 は 1000 円 で す 。 
あな た の 時 給 は 1050 円 で す 。 
あな た の 時 給 は 1100 円 で す 。 


jkyuu = 1050: を jikyuu に 1050 を 代入 
trace(" あ な た の 時 給 は " + jikyuu+ "円 で す 。 9): 


jikyuu = 1100: 和 w jikyuu に 1100 を 代入 
trace(" あな た の 時 給 は " + jikyuu + "円 で す 。"): 
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デー タ 型 と 型 指定 





変数 の 宣言 の 際 に デー タ 型 を 指定 し て お く こ と で 、 変 数 に 保存 で きる デー タ の 形式 を 決め て お く こ と が で きま す 。 
ここ で は 、 デ ー タ 型 の 種類 と 使い 方 を 見 て いき ます 。 








pb デー タ 型 の 種類 


デー タ 型 の 種類 に は 、 主 に 右 の よう な も の 
が あり ます 。 


pb 型 指定 


変数 の 宣言 の 際 に デー タ 型 を 指定 する こと 
を 、「 型 指定 する 」 と 言い ます 。 型 指定 を し 
て お く と 、 プ ログ ラム の 処理 が 若干 早く な 
る こと 、 期 待 し て いる 型 で は な い デ ー タ が 
代入 され た 際 に エラ ー を 返し て くれ る と い 
う メ リッ ト が あり ます 。 


逆 に 、 型 指定 の 際 に コロ ン の 後ろ に * を 指 
定 、 ま た は 型 指定 を 行わ な いで 変数 を 宣言 
する こと も で きま す 。 どん な 型 の デー タ で 
も 代入 で きる 一 方 、 プ ログ ラム の 処理 が 若 
千 遅 く な り ま す 。 


① 変 数 は デー タ を 記憶 し て お く 箱 


〇 * ぼ 

ノヽ 数字 

[し rue/false 
の ムー ビー クリ ッ プ 
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デー タ 型 の 例 

デー タ 型 レン | 値 の 形式 

| String null 文字 列 

imt |o 整数 (-2.147.483.648 2.147.483.647 (両端 含む )) | 
uint 10 正 の 整数 (0 一 4.294.967.295 (両端 含む)) 

| Number |NaN 整数 、 符 号 な し 整数 、 お よび 浮動 小数 点数 。 
| Boolean false 真 偽 値 (tue.false) の み 還 
|Aray 。 |undetnedl 本 区 - 

| Movecip | nul | ムー ビー クリ ッ プ の イン スタ ンス ーー 
使用 例 


var schooIName:String =" ク スー ル | 
信 String( 文 字 列 ) 型 の 変数 schoolName を 宣言 
schooIName = 1000: e 数 値 を 信人 し よ 











ここ 
| Var schooIName: 年 デー タ 型 の 指定 し な い 変 数 schooIName を 宣言 
| var SchoolIName: 


信 コロ ン の 後ろ に * を 付け て も 同じ (変数 に どん な も の が 入る カ 








け か ら な い 状 態 ) 


(⑫ 色 々 な も の を 値 と し て 保存 で きる 














デー タ 型 を 変換 する (キャ スト ) 


プロ グラ ミン グ を し て いる と 、 数 値 と し て と し て 扱っ て いる デー タ を 文字 列 に 変え た り 、 文 字 列 と し て 扱っ て いた 
デー タ を 数 値 に 変換 し た い 、 と いう 場面 が 出 て きま す 。 こ の よう な と き に 使う の が 型 変換 (キャスト) で す 。 


pb 文字 列 に 変換 する 


数 値 を 文字 列 に 変換 する に は 、String( ) 関 
数 を 使い ます 。 


pb 数 値 に 変換 する 


文字 列 を 数 値 に 変換 する に は 、 右 表 の 関数 
が 使用 で きま す 。 


(③ デ ー タ を 入れ 替え た り 、 デー タ の 追加 / 削除 が で きる 





使用 例 


| race(t0+ 100:/ 数 仁 デ ー タ な の で 、 計算 結果 が 表示 され る 
| trace(String(10) + String(100)): // 数 値 を 文字 列 に 変換 し 、 連 結 さ せ た 





文字 列 を 数 値 に 変換 する 関数 
int() |int | | 
uint() uint | | 
Number() Number | | 
parselnt() Number | 文字 列 を 整数 値 に 変換 

| parseFloat() |Number | 文 字 和 を 澤 動 小数 点 に 変換 

使用 例 


trace("100" - 10): を 文字 列 一 数 値 の 計 3 





| trace(uint("100") -10): や 文字 





(④ 変 数 の 形 で デー タ の 受け 渡し が で きる 





ムー ビー クリ ッ サブ が ムー 選 一 リプ 


ELP SF gi 








変数 の 有効 範囲 (スコープ ) 

変数 は どこ に 書い て も どこ か ら で も その 情報 を 取り 出せ る (参照 で きる ) わけ で は な く 、 変 数 を 宣言 し た 場所 に よっ 
て その 情報 を 参照 で きる 範囲 、 つ まり 有効 範囲 が 決ま り ま す 。 こ の 有効 範囲 の こと を 、 ス コー プ と 言い ます 。 
変数 は 宣言 し た 場所 に より グロ ー バ ル 変 数 と ロー カル 変数 に 分 けら れ 、2 つ の 変数 の スコ ー プ は 異な り ま す 。 


ぁ pp グロ ー バ ル 変 数 使用 例 
lobalString:Strng = "グロー バル 変数 ": 
コー ド 内 すべ て の 範囲 で 参照 で きる 変数 を |" ao 有 
グロ ー バ ル 変 数 と 言い ます 。 こ れ は 関数 の function checkScope(t 
外 に 書か れ た 変数 で 、ActionScript 3.0 で trace(" 関 数 内 で "+ globalString +・ を 参照 で きま し た 。 


は 、Var を 使っ て 宣言 する 必要 が あり ます 。 |" 


checkScope(): 
trace(" 関数 外 で "+ globalString + " を 参照 で きま し た 。"): 


実行 結果 


) 関数 内 で が ロー バル 変数 を 参照 で きま し た 。 
関数 外 で が ロー バル 変数 を 参照 で きま し た 。 





pp ロー カル 変数 便 用 例 に 
関数 の 中 に 書か れ た 変数 を ロー カル 変数 と var testString:String = "[ グ ロー バル 変数 ]": を 関数 の 外 で 変数 を 富 言 
言い ます 。 こ れ は グロ ー バ ル 変 数 と 違っ て 、 function checkScope(( 
スコ ー プ が その 変数 が 書か れ た 関数 内 の み var testString:String = "[ ロ ー カ ル 変 数 ]5: を 関数 の 中 で 変数 を 代 


trace(" 変数 testStng は " + testStri * で す 。 9 
と な っ て いま す 。 7 人 


checkScope(): 
trace(" 変 数 testString は "+ testString + " で す 。"): 


実行 結果 


変数 testStrme は [ロー カル 変数 ] で す 。 
変数 testString は げ ロ ー バ ル 変 数 ] で す 。 











CO と り ハ KA 


ロー カル 変数 と ブロ ックス コー プ 


ActionScript 3.0 の 変数 で は 、C++ 
や Java で 使え る ブロ ックス コー プ 
が 存在 し ませ ん 。 あ くま で ロー カル 
変数 の スコ ー プ は 関数 単位 な の で 、 
C++ や Java の よう な ブロ ッ ク 内 だ 
け で 有効 な 変数 を 宣言 する こと が で 
きま せん 。 

C++、Java の 経験 者 は ここ で ハマ っ 
て し まう こと が ある の で 、 注 意 が 必 
要 で す 。 





| vartestString:String = "[ グ ロー バル 変数 ] 
| trace(" 関 数 に 入る 前 の 変数 testString は " +testString+ " で す 。 『") 


| function checkScope({ 
| for(vari= 0:i<1: は +)[ 
var testString:String = [ローカル 変数 ]": 
trace("for 文 中 の 変数 testString は "+testString+ "です 。"): 


trace("for 文 を 抜け た 後 の 変数 testStrng は " +testString+ "で す 。"): 
| } 


| checkScope(): 


| trace(" 関 数 の 処理 が 終了 し た 後 の 変数 testStnng は "+ testStrng+ "です 。 "): 





実行 結果 


関数 に 入る 前 の 変数 testStrnge は ロー バル 変 雪 ] で す 。 

for 文中 の 変数 testStrme は [ロー カル 変 二 ] で す 。 

for 文 を 抜け た 後 の 族 走 testString は [ロー カル 実数] で す 。 

関数 の 処理 が 終了 し た 後 の 変 数 testStrng は | ヴ ロ ー バ ル 変 数] で す 。 








955 





記 
mm 
は) 
で 
テア 
] 
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文字 列 、 数 値 、 変 数 の 扱い 方 


プロ グラ ミン グ で 変数 を 扱う 際 、 扱 っ て いる も の が 数 値 な の か 文字 列 な の か 、 と いう と ころ で 混乱 する こと が よ 
く あ り ま す 。 型 変換 (キャスト) に つい て は 本 文 で 解説 し て いま す が 、 数 値 、 文 字 列 、 変 数 を 組み 合わ せ た と き に 
どう な る か 、 と いう 挙動 を 知っ て お く こ と も 重要 で す 。 

ここ で は 、 文 字 列 、 数 値 、 変 数 の 組み 合わ せ の パタ ー ン を 、 簡 単 な サ ンプ ル を 使っ て 見 て いき ます 。 

あま り 詳 し い 解説 は し な い の で 、 コ ー ド と 実行 結果 を 見 な が ら 、 ど うし て この よう な 結果 に な る の か 、 考 えて み 
まし ょ う 。 























Vara=1: 和 Q ヨ 
varb=1: 和 を 3 X 値 ーー 
trace(a+b): 2 
wt | 実生 結果 
| vara=1i 恋 数 a 
| varb= "1 へ を 変数 | ーー 
| trace(a+Db): 11 
pb 文字 列 と 変数 を 足す 
| vara=1: 年 肥 実行 結果 
| varb=a: や 3 ー 
| trace(a+b): 2 
実行 結果 





| ca 出 カ 
| 

| trace(a+b): 
| 

| 


この サン プル で は わざ と 型 指定 を 行っ て いな い 状 態 で スク リプ ト を 書い て み ま し た が 、 実 行 結果 が 理解 で きた で 
し ょ うか 。 

最後 の サン プル は 少し トリ ッ キ ー だ っ た か も し れ ま せん が 、 要 は 自分 が 扱っ て いる 変数 は 文字 列 な の か 数 値 な の 
か 、 ま た それ ら の 変数 は 足し た り 引い た り で きる か 、 そ の 結果 は どう いう 値 が 予想 され る か 、 と いう こと を 考え 
な が ら プ ログ ラミ ング を 行う と トラ ブル を 少な くす る こと が で きま す 。 








!O0 PAkr 2 flash を 学ぶ 








演算 子 と は 、 プ ログ ラミ ング で 演算 (数 値 や 、 変 数 を 使っ て 計算 する こと ) を 行う と き に 使用 
する 記号 の こと で す 。 見 慣れ た も の だ と 、「 十 [一 」「x」「 エ ] が あり ます 。 そ れ で は 、 プ ログ 
ラミ ング の 演算 に 役立つ 演算 子 を 紹介 し ます 。 


9- と 


3 ゴロ ユ う ヨイ 





算術 演算 子 


四則 演算 (足し 算 、 引 き 算 、 掛 け 算 、 割 り 算 ) に 用 いる 記号 を 紹介 し ます 。 
また ここ で は 、 演 算 の 対象 と な る 値 や 変数 の こと を オペ ラン ド と 言い ます 。 








多加 算 「 十 」 
この 記号 は 2 つの 値 を 足す た め に 用 いら れ ま す 。 オ 
ペラ ンド を 加算 する た め に 、 利 用 し ます 。 


数 字 の 足し 算 


trace(3+ 2): 














@ 減 算 「 一 」 実行 結果 
オペ ラン ド の 差 を 出す 際 に 用 いら れ ま す 。 


数 字 の 減算 


trace(3 - 2): 




















乗算 「* 

2 つの オペ ラン ド で 掛け 算 ( 乗 算 ) を する の に 用 い 
られ ます 。 

文字 で 書く と き は 、「x」 で す が 、ActionScript で 
は 、「 *( ア スタ リス ク )」 が 用 いら れ ま す 。 


数 字 の 掛け 算 ( 乗 算 ) 





| trace(3* 2): 





欠 除 算 「/」 

2 つの オペ ラン ド で 割り 算 (除算 ) を する の に 用 い 
られ ます 。 

文字 で 書く と き は 、「 エ 」 で す が 、ActionScript で 
は 、「/( ス ラッ シュ )] が 用 いら れ ま す 。 


数 字 の 割り 算 (除算 ) 





| trace(3 / 2): 


割っ て あま り を 出す 「%」 
前 項 で 紹介 し た 除算 は 、 商 を 小数 で 求め る の に 対 
し 、 除 算 し た あま り を 出す の が この 「%」 で す 。 


除算 し た あま り 


trace(3 9 2): 


実行 結果 


実行 結果 








十 演 算 子 に よる 文字 列 の 結合 


+ 演 算 子 は 文字 列 の 結合 に も 用 いら れ ま す 。 





多 十 演算 子 
文字 列 の 足し 算 





| trace(" あ "+2): 
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複合 代入 演算 子 








名 前 は や や こし い の で す が 、 簡 単に いう と 変数 を 使っ て 演算 する 際 の 計算 式 を 省略 する 書き 方 で す 。 
ここ で は 、「+=」「-=」「*=」「/=] の 4 つ を 紹介 し ます 。 





























W「+=」 変数 (。) に 2 を 足す 
例え ば 、 こ の よう に 変数 (a) に 2 を 足し た 数 を 代入 する と / 変 数 (4) に 3 を 代入 
し ます 。 var a:int =3: 
これ を 、 複 合 代入 演算 子 で 書く と こう な り ま す 。 人 
と / 変 数 (a) を トレ ー ス 
実行 結果 BS 
複合 代入 演算 子 を 使用 し た 場合 
/ 変 数 (&) に 3 を 代入 
var a:int =3: 
// 変数 (a) に a に 2 を 足し た 数 を 代入 
a+=2: 
/ 変 数 (a) を トレ ー ス 
trace(a): 
@「-=」「*=」「/=」 
減算 乗算 
/ 変 数 (人) に 3 を 代入 | / 変 数 (9 に 3 を 代入 
Var aiint =3: Var aiint =3: 
/ 変数 (a) に a か ら 2 を 引い た 数 を 代入 / 変 数 (a) に a に 2 を か けた 数 を 代入 
/a =a - 2: と 同じ こと < //a =a* 2: と 同じ こと 
aー=2: a*=2: 
// 変 数 (a) を トレ ー ス / 変 数 (a) を トレ ー ス 


trace(a): 生出 力 「1] 





trace(a): 年 出力 「6」 


に に 











/ 変 数 (a) に 3 を 代入 

Var a:int =3: 

/ 変 数 (a) に a を 2 で 割っ た 数 を 代入 
a/=2: 

// 変数 (a) を トレ ー ス 

trace(a): 生出 力 「1.5]」 











)】 





ヨゴ リエ ヨイ 














単項 演算 子 
こち ら も 複合 代入 演 算 子 ] と 同じ よう に 征 略 型 の 演算 子 で す 。 プ ログ ラミ ング で は 、 値 を 1 つ 増やし た り 、1 つ 減 
ら す 計算 が 鎖 繁 に 行わ れ ま す 。 例 えば 、 フ ォ ト ピュー ワ ー の サム ネイ ル を 1 つ ず つっ 並べ る と き な ど 、for を 使っ て 半 





り 返 し 処理 を する 場合 に 用 いら れ ま す 。 


ゆ 「++」 
イン クリ メン ト 演 算 子 と 呼ば れ 、 値 を 1 増やし ます 。 実行 結果 


値 を 1 増やす 


// 変 数 (&) に 0 を 代入 

var a:Number = 0: 

/ 変数 (a) に 、a に 1 を 足し た 数 を 代入 
EK こ コ 1 

/ 変数 (a) を トレ ー ス 

trace(8): 




















@「 -- 」 
デ ク リ メン ト 演 算 子 と 呼ば れ 、 値 を 1 減ら し ます 。 実行 結果 
値 を 1 減ら す 

// 変 数 (&) に 10 を 代入 


var a:Number= 10: 
/ 変数 (a) に a か ら 1 を 引い た 数 を 代入 





EC 
/ 変数 (4) を トレ ー ス 
trace(8): 

















/ 変 数 (a) に 0 を 代入 

var a:int = 0: 

var b:inti 

/ 変 数 (b) に 、a を 代入 し 、a に a+1 を 代入 
b =a++: 

/ 変数 (bD) を トレ ー ス 

trace(b): 年 [出力 ] パネ ル に は 「0」 と 出力 
// 変 数 (b) に 、a に 1 を 足し た 数 を 代入 
b=++ai 

/ 変数 (b) を トレ ー ス 

trace(b): を [出力 ] パネ ル に は 「2」 と 出力 
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比較 演算 子 


比較 演算 子 と は 、 値 の 大 小 を 比較 する 条件 式 な ど で 利用 する 演算 子 で 、 主 に if で 利用 し ます 。 
ここ で も 紹介 し ます が 、 詳 し く は if に 書か れ て いま す 。 








び 「<」 左 不 等 演 算 子 
1 番目 の オペ ラン ド が 2 番目 の オペ ラン ド よ り も 小さ いか 
どう か を テス ト し ます 。 


@「> 」 右 不 等 演 算 子 
1 番目 の オペ ラン ド が 2 番目 の オペ ラン ド よ り も 大 きい か 
どう か を テス ト し ます 。 


ゆ 「<=」 等 価 左 不 等 演 算 子 
1 番目 の オペ ラン ド が 2 番目 の オペ ラン ド と 同じ 、 も し く 
は 2 番目 の オペ ラン ド よ り 小 さい か どう か を テス ト し ます 。 


@「>=」 等 価 右 不 等 演 算 子 
1 番目 の オペ ラン ド が 2 番目 の オペ ラン ド と 同じ 、 も し く 
は 2 番目 の オペ ラン ド よ り 大 きい か どう か を テス ト し ます 。 


@「== 
2 つの オペ ラン ド が 等 し いか どう か を テス ト し ます 。 

数 値 を 判定 する 場合 に も 使え ます が 、 文 字 列 を 判定 する 
こと も で きま す 。 


@「!=」 
2 つの オペ ラン ド が 等 し く な いか どう か を テス ト し ます 。 








論理 演算 子 





@「 &&」 論理 積 

(条件 A) && (条件 B) と 書き 、 条 件 A と 条件 B が 共に 真 
(true) の 場合 に 、 真 (true) と 判定 され ます 。 

例 の 場合 、 変 数 (a) が 5 未満 で 、 変 数 (b) が 10 未 満 の 場 
合 に 、"OKI" と 出力 し ます 。 


@「 中 論理 和 

(条件 A) || (条件 B) と 書き 、 条 件 A も し く は 、 条 件 B ど ち 
ら か 一 方 が 真 (true) の 場合 に 、 真 (true) と 判定 され ます 。 
例 の 場合 、 変 数 (4) が 5 未満 、 も し く は 、 変 数 (5) が 10 未 
満 の どちら か ーー 方 の 条件 が 真 (true) の 場合 に 、“OK!" と 出 
力 し ます 。 


主 に if で 利用 され る 演算 子 で 、 比 較 演算 子 を 使っ て 比較 を する 際 に 、 比 較 条 件 を 複数 指定 する 際 に 利用 し ます 。 
こち ら も if で 詳し く 取 り 扱っ て いま す 。 





if(a<5&&b<10)( 
| trace("OK!"): 
} 











if(a<5llb<10){ 
trace("OK!W: 
i 














条件 演算 子 


条件 演算 子 と は 、 真 また は 偽 の 値 を 持つ 論理 式 を 元 に 、 
1 行 で 真 (true) また は 、 偽 (false) の 場合 の 挙動 を 指定 で きる も の で す 。 





PAkr 2 flash を 学ぶ 


@「! 」 
(! 条 件 A) と 書き 、 こ の 条件 以外 で ある 場合 に 真 (true) と 判 
定 さ れ ま す 。NOT と 呼び 、 こ の 条件 に 合わ な い 場 合 に 真 
(true) と され ます 。 





例 1 


vara=10: 





if(!(a < 5)){ 
trace("OK!): 年 a は 5 未満 で は な い の で 、「OK!」 と 出力 
} 





例 2 





varb =falsei 


i!b) 
trace(" 個 で す 。 9: 生 b は 偽 な の で 、「 偽 で す 。」 と 出力 
} 




















書き 方 





(条件 ) ? (評価 が true の 場合 の 返 値 ) : (評価 が false の 場合 の 返 値 ) 





// マ ウス が 画面 (500px と する ) 上 の 半分 より 左 に ある 場合 は 、 左 を 、 そ れ 以外 は 右 と 出力 する 


function mousePos(ev:Event){ 


(mouseX<250) ? trace(" マ ウス は 画面 左 で す ") : trace(" マ ウス は 画面 右 で す "): 
} 


addEventListener(Event.ENTER_FRAME, mousePos): 





画面 の 中 心 より 右 に マウ ス が ある 場合 は キャ ラク ター が 右 実行 結果 


を 、 そ う で な い 場 合 は キャ ラク ター が 左 を 向き ます 。 








// 繰 り 返 し 呼ば れる function 

function mousePos(ev:Event{ 
// マウ ス の 位置 が ステ ー ジ (500px) の 半分 以下 だ っ た ら 左 向く 
(mouseX < 250) ? chara.scaleX = -1 : chara.scaleX = 1: 


/ 繰り返す 関数 を 指定 
addEventListener(Event.ENTER_FRAME, mousePos): 
































「 明 日 の 降水 確率 が 309% 未 満 な ら 登山 は 決行 、3096 以 上 な ら 登 山 は 中 止 ] と いう よう に 、 
条件 に よっ て その 後 の 処 理 を 分 岐 させ る こと を 条件 分 岐 と 言い ます 。 文 は プロ グラ ム 上 で 条 
件 分 岐 を 行う 仕組 み の 1 つ で 、 あ る 条件 に 対し て 真 (true) か 偽 (false) か に よっ て 、 処 理 を 分 


岐 さ せる こと が で きま す 。 
条件 式 
明日 の 降水 確率 が 
30% 未 満 









真 (true) 





偽 (false) 条件 式 が 真 (true) の と き に 実行 する 処理 


条件 式 が 信 (false) の と き に 実行 する 処理 

















if の 基本 的 な 使い 方 と 演算 子 
それ で は 実際 に ActionScript で 『 を 使っ た 条件 分 岐 を 見 て いき ます 。 
まず は 共 本 的 な 『 文 の 使い 方 と 条件 を 作る 際 に 必要 な 演算 子 に つい て 解説 し ます 。 








ぁ y if の 基本 構文 


文 の 基本 的 な 書き 方 は 次 の よう に な り ま す 。 
・ 条 件 が 真 な ら 処理 を 実行 する ( 偽 な ら 何 も し な い ) 





真 (true) 


























芝 処理 A を 実行 する 
if( 条 件 式 ) { 偽 (false) 
条件 式 が 真 (true) の 時 に 実行 する 処理 (処理 A) 
) (終了 ) 
使用 例 実行 結果 





var num:Number = 100: 


if(num == 100){ を で 条件 式 「num が 100 な ら ば ] 
trace(" 条件 が true の 処理 で す 。"): 
信 条件 式 が true の と き に 実行 され る 処理 



































} 
ぁ * 比較 演算 子 と 論理 演算 子 比較 演算 子 
濾 了 意味 
条件 式 を 書く 際 に 必要 と な る の が 、「 〇 〇 が メメ 5 1 結 ooi 
と 等 し い 」[O 〇 は メ 以上] と いっ た 比較 を 表す し < な い ( 不 等 価 a 
比較 演算 子 と 、[「 〇 〇 と XX が どちら と も 喜 ーー ナーーー ニ 
(true)」「 〇 〇 が ※X ※ メ で は な い 」 と いっ た 論理 値 を = _ ーー 
扱う 論理 演算 子 で す 。 SS U 旨 間 
2 以上 _ 
< RF 








ニニ ニ 値 も デー タ 型 も 等 し い (厳密 な 等 価 ) 
| に = 値 も デー タ 型 も 等 し く な い ( 厳 密 な 不 等 価 ) 昌 








論理 演算 子 
演算 子 意味 
論理 積 (AND) | 
どちら も true の と き に true。 そ う で な けれ ば false | 


] 
論理 和 (OR) 
| Il どちら か 一 方 が true で あれ ば true 
そう で な けれ ば false 


! 理 定 (NOT) 








&& 
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条件 分 岐 の パタ ー ン (1 ) 


次 に 、 条 件 分 岐 の パタ ー ン を 見 て いき ます 。 
条件 式 が 偽 (false) の 場合 の 処理 を 含め た 書き 方 や 、 複 数 の 条件 式 を まとめ た 場合 な ど で す 。 





ぁみ by if..else 


条件 式 が 偽 (false) の 場合 の 処理 も 加え た い 場 合 
は 、i 文 に else を 追加 し ます 。 

















・ 条 件 が 真 な ら 処理 A を 実行 する 
・ 偽 な ら 処理 B を 実行 する 
真 (true) 
ル 処理 A を 実行 する 
偽 (false) 
if (条件 式 ) { 


中 
条件 式 が 真 (true) の 時 に 実行 する 処理 (処理 A) 処理 を 実行 する 
) elset Y 
式 が 偽 (fal こ 実行 する 
条件 式 が 偽 (false) の 時 に 実行 する 処理 (処理 B) (終了 ) 




















使用 例 。 = 実行 結果 


var num:Number = 100: 
条件 が false の 時 の 処理 B で す 。 

if(num == 50){ 条件 式 「num が 50 な ら は ] 

| trace(" 条 件 が true の と き の 処理 A で す 。): | 

| 信条 件 式 が false な の で 、 こ の 処理 は 実行 され な い | 

} elset | 
trace(" 条件 が false の と き の 処 理 B で す 。"): | 
人 条件 式 が false な の で 、 こ の 処理 が 実行 され る 

} | 条件 式 が false な の で 、 処 理 A は 実行 さ 

ーーー 記 ] れ な か っ た 














pb if..else if.. 


条件 式 が 偽 (false) の と き に は 貴 う 条件 式 を チェ ッ 
ク す る 、 と いう 形 で 、 複 数 の 条件 素 を まとめ た 条 
件 分 岐 を 行う 場合 は 、else if を 追加 し ます 。 
・ 条 件 A が 真 な ら 処理 A を 実行 する 
・ 条 件 A が 偽 な ら 一 条件 B が 真 な ら 処理 B を 実行 
する 
・ 条 件 B が 偽 な ら 一 処理 C を 実行 する 


! 














真 (true) 
処理 A を 実行 する 








条件 式 B 












(条件 式 A) ( 真 (true) 


条件 式 A が 真 (true) の 時 に 実行 する 処理 (処理 A) 偽 (false) 
) else if (条件 式 B) { 
条件 式 B が 真 (true) の 時 に 実行 する 処理 (処理 B) 


処理 B を 実行 する 



































EL よ 上 』 





使用 例 





var num:Number = 100: 


if(num == 50){ を 条件 式 A num が 50 な ら ば !」 

trace(" 条 件 A が true の と き の 処理 A で す 。"): 

人 条件 丈 A が false な の で 、 こ の 処理 は 実行 され な い 
} else if(num > 50) { 

trace(" 条件 B が true の と き の 処 理 B で す 。"): 

人 条件 式 B が true な の で 、 こ の 処理 が 実行 され る | 
} で 複数 の 条件 式 すべ て が false の と き の 処理 を 加え た い | 

場合 、 こ こ に else を 加え る | 











され な か っ た 








条件 分 岐 の パタ ー ン (2) 


最後 に 、 論 理 演算 子 を 使っ た 複数 の 条件 式 の 組み 合わ せ の パタ ー ン を 見 て いき ます 。 








pb 論理 演算 子 を 使っ た 条件 式 の 組み 合わ せ 



























「 条 件 A が 真 (true) か つ 条件 B が 真 (true) な ら ば 処理 を 論理 策 
実行 する 」「 条 件 A ま た は 条件 B8 の いずれ か が true な ら | 条件 A が 真 (true) 
処理 を 実行 する ] と いう よう に 、1 つの 条件 式 の 中 に 複 ン イ ゴ か つ 
数 の 条件 を 入れ る 形 の 条件 分 岐 も 、 論 理 演算 子 を 使っ 垢 | 条件 B が 真 (true) な ら ば 
に コ YY な と っ ri ーー 
て 表現 する こと が 可能 で す 。 二 件 AL&& 楽 件 B 
ーーーーーー 
処理 A を 実行 する 
処理 B を 実行 する 
(ml) | 
(終了 ) 

使用 例 実行 結果 





var num:Number = 100: 


if(num == 100 && num >= 50){ 

信 条件 式 Inum が 100 か つ num が 50 以上 な ら ば | 

trace(" 条件 A が true の と き の 処理 A で す 。"): 

人 条件 式 が true な の で 、 こ の 処理 が 実行 され る 
}elset 

trace(" 条件 B が true の と き の 処理 B で す 。"): 

人 条件 式 が true な の で 、 こ の 処理 は 実行 され な い ls ーー E 
} 条件 A、 条 件 B が いずれ も true な の で 、 
処理 A が 実行 され た 














り O PAg7 2 flash を 学ぶ 





var num:Number = 100: 





if(num != 100 Ilnum > 50){ 

人 条件 式 「num が 100 で は な いか 、 ま た は num が 50 

より 大 きい な ら ば ] 

trace(" 条件 式 が true の と き の 処 理 A で す 。"): 

信条 件 式 が true な の で 、 こ の 処理 が 実行 され る 
}elset 

trace(" 務 件 式 が true の と き の 処 理 B で す 。"): 

人 条件 式 が true な の で 、 こ の 処理 は 実行 され な い 
} 











実行 結果 
条件 A は false だ っ た 
が 、 条 件 B が true な 
2 | の で 、 処 理 A が 実行 
され た 


true の 時 の 処理 4 です 。 





論理 和 





条件 A が 真 (true) 
また は 








条件 B が 真 (true) な ら ば 











条件 式 
条件 A ll 抄 件 B 










真 (true) 





処理 A を 実行 する 








偽 (false) 





処理 B を 実行 する 





偽 (false) ! 








(終了 ) 








ぁみ サン プル : if 文 を 使っ て キャ ラク ター の 位置 を コン トロ ー ル する 


if 文 を 使っ て 、「 ボ タン を 押す 度 に キャ ラク ター の 位置 が 横 方 向 に 移動 し 、 あ る 一 定 の 場所 に 来 た ら それ 以上 動か な い ] 
と いう サン プル を 作っ て み ま す 。 ま ず は メイ ンタ イム ライ ン の 1 フレ ー ム 目 に 、 キ ャ ラク ター、 ボ タン を ステ ー ジ 上 に 
配置 し 、 そ れ ぞ れ の イン スタ ンス 名 を 、「chara」、「btn_mc] と し て お きま す 。 

1 フレ ー ム 目 に 以下 の スク リプ ト を 記述 し ます 。 実行 し て 、 下 の 図 の よう に 動作 すれ ば 成功 で す 。 





リス ナー 関数 を 作る 
function moveMisoda(event){ 
//chara の x 座 標 が 400 ピク セル 以上 だ っ た ら 
if(chara.x >= 400){ 
// イ ベン ト を 削除 する 
removeEventListener(MouseEvent.CLICK, moveMisodal: 
/chara の x 座 標 が 400 ビ クセ ル 未 満 な ら 
] elset 
/chara の x 座 標 を 20 ビク セル ずつ 移動 させ る 
chara.x += 20: 
} 
} 


// ボ タン と 関数 を 結び 付け る 
btn_mc.addEventListener(MouseEvent.CLICK, moveMisoda): 





実行 結果 
















④ 
ーー テ 


400px 

















① ボ タン を クリ ッ ク す る 度 、 キ ャ ラク ター が 20px ず つ 
移動 する 。② 400px に な る と 、 そ れ 以 上 移動 し な い 。 




















for は 、 同じ よう な 処理 を 繰り 返し 行う と き に 利用 され ます 。 プ ログ ラム を し て いる と 、 似 通っ 
た スク リプ ト を 何 度 も 書く こと が あり ます 。 例 えば 、Web サ イト で プル ダウ ン メ ニュ ー を 作 
る と き (①) や 、 画 面 上 に 星 を 散り ば め る (②) な ど 、 一 定 の 処理 を 繰り 返し 行う 際 に 利用 し ます 。 
一 定 の 処理 を 繰り 返す 例 


①ー 定 間隔 で メニ ュー を 表示 する ② ラ ンダ ム に 画面 に オブ ジェ クト を 貼り 付け る 


メニ ュー 





for が 使わ れ て いる サン プル 


貞 PRACTICE5 : 
サム ネイ ル を 動 的 に 配置 する ……… P224 へ 


合わ せ て 読む と 便利 な 項目 


for の 使い 方 


for の 書き 方 と 仕組 み に つ いて 、 解 説 し て いき まし ょ う 。 


pb for の 書き 方 


まず は 、 書 き 方 か ら 見 て み ま し ょ う 。 こ の スク リプ ト を メイ ンタ イム ライ ン の フレ ー 実行 結果 
ム に 書い て 、 ム ー ビ ー プ レビ ュー を する と 、 右 図 の よう に 出力 され ます 。 こ れ に より 、 
この for に 書か れ た | | (中 カッ コ ) の 中 が 繰り 返し 動い て いる こと が 確認 で きま す 。 

















for(var =0: <3: は +){ 
trace(i): 


} 





へ kT 2 flash を 学ぶ 


for の 仕組 み 


いっ た い ど うい う 仕 組み で 動い て いる の か 解説 し ます 。 








処理 内 容 


1 初期 値 
for で は 、 始 め に 基準 と な る 初期 値 を 決め ます 。 
変数 i に 数 値 を 入れ て 基準 に し 、 こ の 初期 値 を 
計算 し て 回 数 を 制御 し て いま す 。 
プロ グラ ム の 多く は 始め の 数 を 0 番 と する こと 
が 多い た め 、 初 期 値 を 0 に し て いま す 。 
ちな み に 、 配 列 も 0 番 か ら 数 えま す 。 


2 繰り 返す 条件 
① で 決め た 初期 値 を 使っ て 、 こ の 条件 を 満た し 
て いれ ば 、③ の 繰り 返し 処理 が 行わ れ ます 。 





for( 初 期 値 : 繰り 返す 条件 : 次 の 処理 の 前 に ){ 


$ 処理 内 容 
ここ に 繰り 返し た い 処理 を 記載 し ます 。 
② の 条件 を クリ ア し て いれ ば 、 繰 り 返す 処理 を 
行い ます 。 


$ め 次 の 処理 の 前 に 
③ の 処理 が 行わ れ た 後 、 こ こ に 記載 され た 処理 
が 行わ れ ま す 。 


つま り 、for で は まず 、① を 設定 し 、② で 判定 を し 、 
条件 が クリ ア し た 場合 の み ③ が 実行 され 、(④ を 行 
い 、 ま た ② へ 戻り 、 条 件 か ら 外 れる まで 繰り 返さ 
れ ま す 。 





pb for の 実行 順番 の 仕組 み 


先ほど の 出力 結果 を 実際 に 動く 順番 を 意識 し な が ら 、 見 て いき まし ょ う 。 


① の 初期 値 (i=0) か ら 始 まり 、②@③ ぱ ⑨ ぱ の ② き …… 


と いう 順 で 繰り 返さ れ ま す 。 


③ で 出力 され た 結果 で は 、「 0、1、2」 と 3 つ で す が 、for の 中 で は 、i は 3 に な っ て か ら 停 止 し て いま す 。 








= 2) (④ 

for(var i=0: i<3: i++){ 

trace( 1 ) 

!ーーーーーーーー! 
} 叶 
1 回 目 1i=0 字 OK 呈 出力 :0 ゆ 次 叶 i=1 
2 回 目 1=1 ウ OK ウ 出力 : 1 2 次 層 i=2 
3 回 目 1=2 ウ OK ウ 出力 : 2 や 次 i=3 
4 回 目 1=3 必 NG ウ ウ 次 




















ぁ k サン プル : addChild や 配列 と 組み 合わ せる 


for は 、 配 列 と 組み 合わ せる と 、 威 力 を 発揮 し ます 。 キ ャ ラク 実行 結果 








ター の 配列 分 だ け 、 キ ャ ラク ター を ステ ー ジ 上 に 表示 する 、 と 
いう サン プル を 紹介 し ます 。 
最初 に 、for と キャ ラク ター 配置 の み の 例 を 見 て み ま し ょ う 。 


addChild と 組み 合わ せる サン プル 
for (vari=0:i<5ji は +) { 
/ キ ャ ラク ター を 生成 
var mc : MovieClip = new Misoda(): 


/ ムー ビー クリ ッ プ を 配置 
addChild ( mc ) : 
mc.x=i" 150+100: 

信 150px の 間隔 で 横並び に 配置 (位置 調整 の た め 100px を 加算 ) for で 繰り 返す 回 数 分 (ここ で は i=0 一 1=4 の 5 回 ) の キャ ラ 
mc.y=200: 年 y 位 置 は 200px で 統一 クタ ー(Misoda) を ステ ー ジ 上 に 配置 

















次 は 、 配 列 と 組み 合わ せ て 、for で 配列 分 の 処理 を 繰り 返す サ 実行 結果 
ンプ ル で す 。 getDefinitionByName に つい て は 、 PRACTICE 6 
の Ex.2 (P255) を 参照 し て くだ さい 。 


IE きよ 2 


最初 に 作成 し た キャ ラク ター の 配列 分 だ け 、 キ ャ ラク ター 
を ステ ー ジ 上 に 配置 











addChild と 配列 を 組み 合わ せる サン プル 


| 7 配列 を 作成 

| vararrChara : Array = [ "Misoda", "Kotori", "Zen", "Budpad", "Snovicke" ] 
| for(vari=0:i<arrChara.lengthi は +) 

// 配列 か ら 名 前 を 取得 

yar chara : String = arrCharal[ i] : 

名 前 か ら ク ラス を 作成 

var myClass : Class = Class(getDefinitionByName( chara ) ) : | 
キャ ラク ター を 生成 

var mc : MovieClip = new myClass() 
/ ムー ビー クリ ッ プ を 配 角 

addChild( mc ) : 

mc.x=i"150+100: 

mc.y = 200 : 

















PAr 2 flash を 学ぶ 












配列 


配列 は 複数 の デー タ を 保存 、 受 け 渡し する た め の デ ー タ 形式 で す 。 配列 の デー タ は 番号 を 持っ 
て いて 、 順 番 を 並び 変え た り 、 特 定 の デー タ を 追加 、 削 除 が で きま す 。 た だ し これ は サー バ 
に デー タ を 残し た り 、 フ ァイル に 書き 出し た りす る の と は 別 の も の で 、 あ くま で 現在 実行 し て 
いる Flash 内 で の デー タ の 保存 で す 。 


配列 の 特徴 
① 配 列 は 順番 を 持っ た 箱 ③ 順 番 を 入れ 替え た り 、 デー タ の 追加 / 削除 が で きる 


2 


330 ユ う 3 イ 








② ど ん な も の で も 値 と し て 保存 で きる (④ 配 列 ご と デー タ の 受け 渡し が で きる 





ムー ビー クリ ッ プ A ムー ビー クリ ッ プ B 


ンジ 


時 


「ー 山本 : 名 前 
ト 37 : 数 字 
ー main_mc :MC の 参照 





















配列 の 基本 的 な 使い 方 


配列 を 使う に は Array クラ ス を 使用 し ます 。 
まず は Array クラ ス を 使っ て 配列 に 値 を 挿入 、 削 除 する 方 法 を 紹介 し ます 。 


配列 を 初期 化す る 

配列 を 使う に は まず 変数 を 設定 し 、Array ク ラス 
を 初期 化 ( イ ンス タン ス 化 ) す る 必要 が あり ます 。 
初期 化 に は 2 通り の 方 法 が あり 、 ど ちら も 使っ て 
も 同じ 結果 に な り ま す 。 


配列 に 値 を 入れ る 
配列 に 値 を 入れ る に は 、 基 本 は 右 の 2 つ に な り ま 
す 。 ど ちら を 使っ て も 同じ 結果 で す 。 


W 配 列 の 値 を 確認 する 

配列 の 値 は 「 変 数 名 [番号 ]] で 取り 出す こと が で 
きま す 。 

配列 の 番号 は 0 か ら 始 まり ます の で 、1 番 目 の 値 は 
「 変 数 名 [0]] に な り ま す 。 


多 配列 の 長 さ を 取 得する 
配列 に どれ だ け の 値 が 入っ て いる か の 長 さ が 取 得 
で きま す 。 


116 PAgr 2 flash を 学ぶ 


初期 化 方 法 ① 


var hobby:Array = new Array(): 
信 hobby と いう 変数 で 配列 を 初期 化す る 








枯 


var hobby:Array = [: 
信 hobby と いう 変数 で 配列 を 初期 化す る 








var hobby:Array = new Array(): 
人 hobby と いう 変数 で 配列 
hobby[O] = "サッ カー 和 
hobby[1] = " 漬 
hobby[2] = "Flash'i 





(② 最 初 か ら 値 を 入れ る 方 法 


var hobby:Array = [" サッ カー 
人 初期 化 を 値 の 代入 を 同時 に 1 


・" 酒 "Flash 中 i 
いま す 。 中身 は 方 法 ① と 同じ 














_ ーー ニ 
| varhobby:Array = new Array(" サッ カー “ 酒 5 "Flash り ): 


| trace(hobby.Ilength): 年 怒 列 の 要素 の 長 さ を 取 得する 


実行 結果 

















配列 に デー タ を 挿入 、 削除 (push,pop,Shift,unshift) 





配列 に は デー タ を 操作 する メソ ッ ド が 備わっ て お り 、 そ れ ら を 使う こと で 配列 の デー タ を 変更 で きま す 。 


ここ で は 追加 、 削 除 の メソ ッ ド を 紹介 し ます 。 


人 push( ) 
配列 の 最後 に 値 を 追加 し ます 。 


使い 方 
配列 .push(" 値 "): 


多 poD( ) 
配列 の 最後 の 値 を 削除 し ます 。 


使い 方 
配列 .pop(): 


@shift( ) 
配列 の 最初 の 値 を 削除 し ます 。 


使い 方 
配列 .shift(): 


ゆ unshift( ) 
配列 の 最初 に 値 を 追加 し ます 。 


使い 方 
配列 .unshift(" 値 "): 


二 和 


var myArray:Array = ["a"。 "bB" "c"] 
myArray.push("d"): 
trace(myArray): 














使用 例 


var myArray:Array =["a"」 "bB" "ei 
myArray.Pop(): 
trace(myArray): 


使用 例 


var myArray:Array =["a"」"b" "ce"] 
myArray.shi(): 
trace(myArray): 


使用 例 


var myArray:Array =["a", "Bb", "c"] 
myArray.unshift("d9: 
trace(myArray): 





に 
四 
た 
生 





実行 結果 





実行 結果 











配列 の デー タタ を 並び 替え る 、 抜き 取る (reverse,sort,splice) 


配列 の デー タ は 並び 変え や 、 指 定 し た 部 分 だ け を 抜き 取る こと が で きま す 。 











金 reverSse( ) 使い 方 
配列 の 順番 を 送 に し ます 。 配 発 Peera@(: 
使用 例 


var myArray:Array = [ar "Bb "ci 
myArray.reverse(): 





























irace(myArray): 
ゆあ spIit( ) 使い 方 
目 定 し た 値 を き 取 り ま す 。 
ーー 配列 .splice( 開 始 番号 抜き 取る 数 の 長 さ ): 
使用 例 実行 結果 
var myArray:Array = ["a", "bB", "ci 
myArray.splice(1, 1): 
trace(myArray): 
ゆ sort( ) 使い 方 
第 定 し た 並び 替え の 規則 で 配列 の 順番 を * 
Se 1 配列 .sort( 並び 替え オプ ショ ン を 記述 ): 
入れ 替え ます 。 
使用 例 実行 結果 
var myArray:Array =["b "ac 
myArray.sort(Array.DESCENDING): 
trace(myArray): 
並び 替え オプ ショ ン 
| Array.CASEINSENSITIVE 大 文字 と 小文字 を 区 別 し な いで ソー ト し ます 。 3 | 
Array.DESCENDING 文字 の 大 きい 順 で ソー ト し ます 。 に 
Array.NUMERIC 値 を 数 値 と し て 扱い ソー ト し ます 。 人 
| Array.RETURNINDEXEDARRAY | も と の 配列 を 入れ 替え る こと な く ソ ー ト し ます 。 
Array.UNIQUESORT 同 じ 値 が 2 つ あ る 場合 は 2 宮 ト を 終了 し ます 。 才 











る PA 2 flash を 学 














配列 の 組み 合わ せ 技 


配列 の 使い 方 の 例 と し て 、 こ こ で は for や Object と の 組み 合わ せ 方 を 紹介 し ます 。 





ぁ ゆ 配列 と for の 組み 合わ せ 


配列 に は 複数 の 要素 が 入っ て いる の で 、 それ ら 要 素 を 一 度 に 取り 出し た り 、 追 加 し た い 場 合 が あり ます 。 そ の 場合 は 
for と 組み 合わ せる こと で 、 無 駄 な コー ド を 書く こと な く 、 配 列 を 扱え ます 。 





@for で 配列 の 値 を 取得 する 0 
for 文 で 使用 し て いる 変数 「 i 」 を 使用 する こと で 、 配 列 の 中 身 を 一 度 に 取得 で きま す 。 


EXIF FE 


使用 例 


var hobby:Array = 【" サ ッ カ ー", " 酒 ", "Flash"]: 
for (vart Number = % 4 lengthi は +) { 
す 








emopbyty 
3 


| } 





@for で 配列 に 値 を 追加 する 
配列 に 値 を 追加 する と き は push メ ソ ッ ド を 使用 し ます 。 


使用 例 
var hobby:Array = new Array(): 
for(variiNumber = 0ji 合計 
hobby.push(): 人 変 痢 | た 自 加 


} 
trace(hobby): 





O⑩0@⑥ 立 
へ か 人 


岬 四 true/false 


Q⑪Q③ - と ッッ 


①④ 配 列 は 順番 を 持っ た デー タ の 箱 ② 配 列 に は どん な も の で も 値 と し て 保存 で きる 








みゆ 配列 と Object の 組み 合わ せ 


PAkr 2 flash を 学ぶ 


配列 に は 文字 や 数 字 だ け で な く 、 オ ブ ジ ェクト 型 の 値 も 入れ る こと が で きま す 。 オ ブ ジ ェクト に は 複数 の デー タ を 保存 
で きる の で 、 写 真 の URL、 名 前 を 1 か 所 で 管理 で きる こと が 可能 で す 。 


金 配列 に 写真 名 と ファ イル 名 を 保存 する 

写真 の 情報 で 写真 名 、 フ ァイル 名 を の 2 つ を 管理 し た い 場 合 は 、 ま ず は オブ ジェ クト を 作り 、 そ こ に 2 つの デー タ を 保 
存 し ます 。 

使用 例 

| var pic0 = new Object(): 和 を 1 枚 目 


pic0.name = "太陽 ": 
pic0.file = "sun.jpg' 


var pic1 =new Object0: 年 2 校 目 の 写 真 を 設定 
pic1.name =" 月 5 
| pic1.file = "moon.jpg'i 


var picList:Array = new Array(): 年 配列 に 写真 情報 を 追加 
picList.push(pic0): 
picList.push(pic1): 


| for(vari:Number= 0:i< picList.lengthi は +) { 
| trace(i+" 番目 の 写真 名 は " + picList[i].name + "、 フ ァイル 名 は " + picList[i].file): 
上 


実行 結果 


0 番 目 の 写 真名 は 太陽 、 フ ァイル 名 は sunJpg 
1 番目 の 写真 名 は 月 、 フ ァイル 名 は moonjpg 






ムー ビー クリ ッ プ A ムー ビー クリ ッ プ B 





③ 順 番 を 入れ 替え た り 、 デー タ の 追加 / 削除 が で きる ④ 配 列 ご と デー タ の 受け 渡し が で きる 












ENTER_FRAME 


ENTER_FRAME は 、ActionScript で アニ メー ショ ン を 作る 上 で 、 な く て は な ら な い 機能 で す 。 
この ENTER_FRAME を 理解 する こと で 、 マ ウス に 追従 する 動き や 、 画 像 の フェ ー ド イン ・ 
Emi の 2 の 12 の ミ さま ざま な ビジ ュ ア ル に 関す る プロ グラ ム を 作る こと が で きま す 。 








右 の 図 を 見 て み ま し ょ う 。 

これ は 四角 い 絵 が 左 か ら 右 へ 均等 な スピ ー ド で ア 
ニメーション し て いる と イメ ー ジ し て くだ さい 。 
左 か ら 右 へ は スム ー ズ に 流れ て いる よう に 見 せま 
す が 、 実 際 は 右 下図 の よう に 、 コ マ 送 り で 表示 が 
され て いる の で す 。 


この よう に アニ メー ショ ン の 一 部 分 を 切り 出し て 、 
コマ 送り に し て 見 る と 、 1 回 ご と に 右 へ 均等 な 嘘 
離 を 移動 し 、5 回 に わた っ て 画面 の 右側 へ 移動 し 
て いる と いう こと に な り ま す 。 

この 一 連 の 動作 を 見 る こと で 、 実 は 観 え て いな い 
隙間 の 動き も 人 間 の 脳 が 勝手 に 作り 出し て この 間 
を 動い た と いう 認識 に な る の で す 。 

ここ で 言う 、1 回 ご と に 動作 し て いる 間隔 を 制御 
する の が フレ ー ム レー ト と な り ま す 。 


ENTER_FRAME は 、 プ ログ ラム を 連続 で 実行 し た い 場 合 に 利用 し ます 。 





呈 一 ーーーー 園 


均等 な スピ ー ド で 移動 














ローー 一 本 


コマ 送り に し て 見 る と …… 


に マテ テマ 


+ 
4 回 目 5 回 目 
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館 フレ ー ム レー ト に つい て 


ENTER_FRAME を 理解 する に は まず は 、 フ レー ムレ ー ト を 理解 し まし ょ う 。 ア ニメーション の 滑ら か さ に 影響 する フ 
レー ムレ ー ト で す が 、ENTER_FRAME に も 影響 を 与え ます 。 例 えば 、30fps で 実行 され て いる Flash ムー ビー の 場合 、 
1730 秒 の 間隔 で プロ グラ ム が 実行 され て いる こと に な り ま す 。ActionScript を 利用 し た アニ メー ショ ン で は 、1 秒 間 
に 30 回 も 絵 が 更新 され て いる こと に な り ま す 。 











ENTER_FRAME の 使い 方 


ENTER_FRAME の 使い 方 を 解説 し ます 。 








ぁ py ENTER_FRAME の 使い 方 


まず は 、 繰 り 返し 実行 し た い function を 用 意 し ます 。 
function の 引数 に は 、Event 型 で 設定 し まし ょ う 。 





// 株 り 返し 呼ば れる function 

function enterFrameHandler(ev:Even):voidt 
/ 繰 り 返 し 呼ば れる 処理 
trace("ENTER_FRAME 実 行 中 "): 

} 








ぁ ENTER_FRAME を 設定 (開始 ) す る 


設定 に は addEventListener を 利用 し ます 。 
上 で 用 意 し た 繰り 返し 実行 し た い function を 設定 する と その まま 繰り 返し 処理 が 開始 され ます 。 








// 繰り 返す 関数 を 指定 W 
myTimeraddEventListener(Event.ENTER_FRAME,enterFrameHandler): 
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金 ステ ー ジ 上 に 配置 し た ムー ビー クリ ッ プ (chara) の X 位 置 を 5px す つ 右 へ 移動 する 





| / ム ー ビ ー ク リッ プ (chara) の X 位 置 を 5px す つ 右 へ 移動 する 
| function enterFrameHandler(ev:Event):void{ 
|  / 繰 り 返 し 呼ば れる 処理 

chara.x = chara.X + 5: 


} 


// 繰 り 返 す 関数 を 指定 ー 
| addEventListener(Event.ENTER_FRAME, enterFrameHandler): シン 























BMBOSOMHSNSDB を 使っ 線 り 返す 関 牙 を 指定 | 
複数 の function を 指定 する こ addEventListener(Event.ENTER_FRAME, enterFrameHandler): | 
と で 同時 に 実行 する こと が で 

きま す 。 / 結 り 返す 関数 2 を 指定 


addEventListener(Event.ENTEH_FRAME, enterFrameHandler2): 





| / 繰り 返す 関数 3 を 指定 
| addEventListener(Event.ENTER_FRAME, enterFrameHandler3): 





p ENTER_FRAME を 停止 する 


停止 に は 、removeEventListener を 利用 し ます 。addEventListener 同 様 に 、 こ の プロ グラ ム を 実行 する と 、 す ぐに 停 
止 し ます 。 もう一度 実行 し た い 場 合 は 、addEventListener で 再度 設定 し まし ょ う 。 


// 繰り 返す 関数 を 指定 | 
myTimer.removeEventListener(Event.ENTER_FRAME,enterFrameHandler): 


[ 





CO と り ル MK / 


ENTER_FRAME を Timer 関 数 に 置き 換え 


Flash で 一 定 間隔 で 処理 を 行う 関数 は 、ENTER_FRAME の ほか に も Timer 関 数 が 存在 し ます 。 

同じ よう に 利用 され る この 2 つの 処理 で す が 、 大 きく 違う の は 、ENTER_FRAME は 、 繰 り 返 す 間 隔 が フレ ー ム レー 
ト に 依存 する こと で す 。 最 近 で は Web 上 の ほとん どの コン テン ツ が 24 も し く は 、30fps で 作ら れ て いま す 。 確か に 
滑ら か に は 見 える の で す が 、 こ こま で 細か く 表示 を 更新 する と 却って Flash Player に 描画 の 負担 を 与え て し まい ます 。 
結果 、 表 示 中 に コマ 落ち の よう に 画面 が スム ー ズ に 表示 され な か っ た り 、 試 合 に は 止ま っ て し まう こと も あり ます 。 
一 方 、Timer 関 数 は 、 フ レー ムレ ー ト に 依存 する こと な く 、 く り 返 す 間隔 を 調整 で きま す 。 ス ムー ズ に 表示 を 行う 上 
で も 、ENTER_FRAME に 替え て 、 こ の Timer 関 数 が 利用 され る こと も あり ます 。 
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mm 
軸 
で 
た 
| 











| 
Jm 


= addChild 


addChild を 利用 する と 、 ラ イブ ラリ に ある オブ ジェ クト を 画面 上 に 貼り 付け る こと が で きま す 。 
例え ば 、 シ ュー ティ ング ゲー ム の 弾丸 な ど 、 よ り 動 的 な コン テン ツ 制 作 へ 向い て いま す 。 


し Ge 電 




















ActionScript を 使っ て 、 ラ イブ ラリ か ら MovieClip を 画面 に 貼り 付け ます 。 


addChild が 使わ れ て いる サン プル 合わ せ て 読む と 便利 な 項目 
正 PRACTICE 3 : ! 正 Flash の 画面 構成 (レイ ヤー 部 分 ) … P024 へ 
円 の アニ メー ショ ン を 作る …………… ROSS や 220000P238885C7SDSuHP203PETSSREO02h2 P034 へ 
COLVMM 
貼り 付け 可能 な 種類 隊 凍 
SI た TDN ムー ビー クリ ッ プ 
ボタ ン 


addChild を 使っ て 画面 上 に 貼り 付け る こと が で きる 種類 は ムー ビー クリ ッ プ ビ ピット マッ プ 油 3 
や ボタ ン な どの シン ボル だ け で な く 、 ビ ッ ト マ ッ プ や ビデ オオ ブ ジ ェクト も 貼 の 2 
り 付け る こと が 可能 で す 。 SE SR | 








TextField 
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addChild の 使い 方 


addChild で MovieClip を 画面 に 登場 させ 、removeChild で 画面 か ら 消 す 、 と いう の が 基本 的 な 使用 法 に な り ま す 。 
手順 を 追っ て 見 て み ま し ょ う 。 





pk ムー ビー クリ ッ プ を 作成 する 


1. 配置 に 必要 な シン ボル を 作り まし ょ う 。 
まず 、 何 か し ら 絵 を 描き 、[ 修 正 一 シンボル に 
変換 ] を 選択 し ます 。 





2. ムー ビー クリ ッ プ を 作り ます 。 
名 前 を 付け (①)、 種 類 を ムー ビー クリ ッ プ (②) 
に し て 、 基 準 点 の 位置 を 中 心 に し ます (③)。 
次 に 、 詳 細 (④) を クリ ッ ク し ます 。 





3. クラ ス を 設定 し ます 。 
「ActionScript 用 に 書き 出し 」(①) に チェ ッ ク を 
入れ 、 ク ラス (②) に 、「Kotori] と 入れ ます 。 
詳し く は 、「3-5 クラ ス ]」 の 項 を 確認 し て くだ さい 。 
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と ムー ビー クリ ッ プ を 画面 に 配置 する 


まず は 、 貼 り 付 ける オブ ジェ クト を イン スタ ンス 
化 (ActionScript で 扱え る よう に ) し ます 。 

その 後 、addChild (貼り 付け た い オ ブ ジ ェクト ) を 
指定 する と 画面 上 に 表示 され ます 。 


し か し 、 表 示さ れる と 画面 の 左 隅 に キャ ラク ター 
が 見 切れ た 状態 で 配置 され て し まい ます 。 

その 理由 は 基準 点 と 、 ポ ジ シ ョ ン に あり ます 。 右 
下 の 図 を 見 て み ま し ょ う 。 


この よう に 、addChild で 配置 を する と 画面 上 の 左 
上 、 つ まり ステ ー ジ の 基準 点 に ムー ビー クリ ッ プ 
の 基準 点 ( こ の 場合 キャ ラク ター の 中 心 ) が 配置 さ 
れ ま す 。 

それ に より 、 画 面 の 表示 エリ ア に は キャ ラク ター 
の 右 下部 分 の み の 表 示 と な っ て いた わけ で す 。 


ActionScript を 修正 し ます 。 こ の よう に 、 配 置 す 
る 際 は 位置 も 指定 し まし ょ う 。 


PAgr7 2 flash を 学ぶ 








var mc:Kotori = new Kotori(): 
addChild(mc): 














ステ ー ジ の 基準 点 (0,0) 


表示 エリ ア 

















シン ボル を イン スタ ンス 化す る 
var mo:Kotori = new Kotori(): 
/x 位 置 を 320(px) に する 

mc.x = 320: 

/y 位置 を 250(px) に する 

mc.y = 250: 

7 画面 上 に 配 軒 

ョ ddChild(mc): 











pk ムー ビー クリ ッ プ の 中 に 配置 


addChild を 使え ば 、 ス テー ジ 上 だ け で は な く 、 ム ー 
ビー クリ ッ プ な ど 別 の オブ ジェ クト に も 貼り 付け 
が 可能 で す 。 

右 の 画面 を 見 て くだ さい 。 

ムー ビー クリ ッ プ container_mc が 画面 上 に ある 
と し ます 。 


この container_mc に オブ ジェ クト を 貼り 付け る 
に は 右 の よう に 書き ます 。 


あぁ ムー ビー クリ ッ プ を 画面 か ら 消す 


removeChild を 使う こと で 、addChild で 貼り 付け 
た オブ ジェ クト を 消す こと が で きま す 。 


使い 方 
removeChild( 消 し た い オ プ ブ ジェクト) 


addChild で 画面 上 に 配置 し た ムー ビー クリ ッ プ 
(mc) と ボタ ン (btn1) が あり ます 。 


ボタ ン を 押す と 画面 上 か ら キ ャ ラク ター を 消し た 
い の で 、ActionScript は 右 の よう に な り ま す 。 














container_mc 


画面 上 に ムー ビー クリ ッ プ container_mc が ある 








シン ボル を イン スタ ンス 化す る 





var mc:Kotori = new Kotori(): 
container_mc に 配置 
、 container_mc.addChild(mc): 

















| 

シンボル を イン スタ ンス 化す る 
var mc:Kotori = new Kotori(): 
/x 位置 を 275(px) に する 

mc.x = 275: 

/y 位置 を 150(px) に する 
mc.y=150: 

// 画 面 上 に 配置 

addChild(mc): 





// 配 置 し た ムー ビー クリ ッ プ (mc) を 画面 上 か ら 消 す フ ァ ン クシ ョ ン 
function removeMC(ev:MouseEvent):voidt 
removeChild(mc): 


} 


/ ボ タン が 押さ れる と removeMC を 実行 する 
btn1.addEventListener(MouseEvent.CLICK, removeMC): 

















] Object 


Object は 複数 の デー タ を 保存 、 受 け 渡し する た め に よく 使わ れ ま す 。 複 数 の デー タ を 保存 す 
る と いう 意味 で は 配列 と 似 て いま す が 、 配 列 が 番号 で 値 を 管理 する の に 対し て 、 オ ブ ジ ェ ク 


ト は 変数 名 で 管理 し ます 。 





ー Object 
Object は 複数 の デー タ を 保持 で きる が 、 そ 
れ ぞ れ の デー タ に 対し て 名 前 で 管理 し て い 


る 。 いろいろ な 種類 の デー タ を 管理 する の 
に 適し て いる 。 


住所 : 新宿 
会 社 : クス ー ル 
業種 : ウェ ブ 制 作 











配列 も 複数 の デー タ を 保持 で きる が 、 値 を 
順番 で 管理 し て いる 。 同じ よう な 種類 の デー 
タ に 央 番 を 付け て 管理 する の に 適し て いる 。 











Object の 使い 方 


Object は Object ク ラス と し て 提供 され て いま す 。 





他 の クラ ス と 同じ よう に まず は イン スタ ンス 化し 、 そ れ か ら 使 用 で きま す 。 





pb Object を 初期 化す る 


Object を 使う に は Object ク ラス を 初期 化 ( イ ンス 
タン ス 化 ) す る 必要 が あり ます 。 


12@ PAkr 2 flash を 学ぶ 








var info:Object = new Object0: 

















ぁ ぁ Object に 値 を 入れ る 


Object に 値 を 入れ る に は 、「Object. 変 数 = 値 」 の 
形式 で 値 を 追加 し ます 。 
1 つ ひ と つの 値 に 必ず 変数 名 を 付け て くだ さい 。 





| varinfo:Object = new Object(): 
info.address = "新宿 ': 

info.company = "クタ スール": | 
、 info.category = "ウェ ブ 制 作 





pb Object か ら 値 を 取り 出す 


Object か ら 値 を 取り 出す に は 「Object. 変 数 ] で 取 
り 出 し ます 。 


info.address = " 新宿: 
info.company = "クタ スール" 
info.category = "ウェ ブ 制 作 


アー セ 


ヨ マ n よ う 3 イ 


trace(" 私 は "+info.company+' に 動 め て いま す 。"): 








ぁ ぁ Object 内 に 配列 を 保存 する 


Object 内 に は 変数 を 保存 する の で 、 配 列 の 値 も 変 
数 に 保存 する こと が で きま す 。 
つま り Object 内 に 変数 を 保存 する こと が で きま す 。 





- 計 ー 


GOKG6S 


var info:Object = new Object(): 


trace(" 私 の 2 番目 の 趣味 は "+info.hobby[1]+" で す 。 "): 


info.address = "新宿": 
info.hobby = [" サッカ ー", " 満 "]: 
trace(" 私 の 1 番目 の 趣味 は "+info.hobby[0]+" で す 。 "): 


実行 結果 


"私 の 1 番目 の 趣味 は サッ カー で す 。 ~ 
私 の 2 番目 の 趣味 は 酒 で す 。 
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2 ンク Math 関数 


ActionScript で プロ グラ ム を する 際 に 知っ て お きた い 項 目 と し て 、 演 算 子 と この Math 関 数 が 
あり ます 。 こ の Math 関 数 は (Math= 数 学 ) と いう よう に 、 主 に 計算 を する 上 で 、 非 常に 便利 な 
機能 の 1 つ で す 。 こ こ で は 、 よ く 使 う も の を 中 心 に 紹介 し ます 。 











主 な Math 関数 
ここ で 取り 上 げ る の は 、 ラ ンダ ム 、 小 数 点 以下 の 切り 捨て と 切り 上 げ 、 
絶対 値 を 計算 する Math 関数 で す 。 








ぁ ラン ダム 


Math 関 数 の な か で 、 よ く 使 われ る の が この ラン ダム で 
し ょ う 。 作品 の 中 で ルー レッ ト の よう に ラン ダム で 結果 
を 表示 する 場合 に 、 こ の ラン ダム が 利用 され て いま す 。 
書き 方 は 右 の 通り で す 。 

この ラン ダム 関数 は 、0 以 上 1 未満 の 浮動 小数 で 結果 [|。 
を 返し ます 。 つ まり 、 ど みい うと と かど 言 うと 、 。 9.8927298383787274 
0.000000000000000001 か ら 0.999999999999999999 
まで の 乱数 を 結果 と し て 返し ます 。 こ の 数 字 を 利用 し て 
計算 に 応用 する の で す 。 





Math.random(): 





実行 結果 











例え ば 、 ム ー ビ ー ク リッ プ (mc) の x 位 置 を ステ ー ジ 幅 0 
550px の 画面 上 の ラン ダム な 位置 に 貼り 付け る 場合 に 、 | 2 95 
その 位置 を 計算 する に は 右 の よう に 書き ます 。 





実行 結果 


| 378.72843488585204 
四 





居 





PAkr 2 flash を 学ぶ 








pb 小数 点 以 下 切り 捨て (切り 上 け ) 


スゴ ロク ゲー ム を 作っ て 、 サ イコ ロ の 目 な どの 計算 を し た い 場 合 、 浮 動 小 数 で は 都合 が 悪い 場合 が あり ます 。 そ こ で 、 
小数 を 整数 に 変換 する 関数 を 3 つ 紹 介し ます 。 こ れ ら は 場合 に よっ て 使い 分 け ま し ょ う 。 


1 つ 目 は 小数 点 切り 捨て を する 関数 。floor ( 床 ) な の で 、 下 一 切り 捨 合用 例 











て と 覚え まし ょ う 。 trace( Math.foor(.5) ): | 
使い 方 
実行 結果 
Math.floor( 数 値 ま た は 式 ): 





2 つ 目 は 小数 点 切り 上 げ 。ceil (天井 ) な の で 、 上 ー 切り 上 げ と 覚え 使用 例 
まし ょ う 。 








trace( Math.floor(1.5) ): | 





使い 方 
Math.ceil( 数 値 ま た は 式 ): 


回 
に 
ォ 
円 
日 





3 つ 目 は 、 浮 動 小数 を 近い 方 の 整数 に 変換 する ラウ ンド 関数 で す 。 使用 例 
つま り 四 捨 五 入 で す 。 


使い 方 
Math.round( 数 値 また は 式 ): 





| trace( Math.round(1.5) ): | 





実行 結果 





1ー6 ま で の 数 字 を 出す 
yar num:int = Math.round( Math.random()*6)+ 和 1 


// サ イコ ロ の 目 を 変え る 
dice.gotoAndStop(num): 
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pb 絶対 値 


絶対 値 と は 、 あ る 数 が 0 か ら ど れ だ け 離 れ て いる 
か で 、 数 の 大 き さ を 計る た め の も の で す 。 
書き 方 は 右 の よう に な り ま す 。 


右 図 の よう に 、 マ ウス か ら 2 つ の ムー ビー クリ ッ 
プ (mc1 と mc2) まで の 距離 が 、 ど ちら が 近い か を 
判定 し た い 場 合 、 距 離 の 数 値 の 小さ い 方 が 近い こ 
と に な り ま す 。 


し か し 、 そ の まま 計算 し て し まう と 、 本 来 近い 
は ず の 距離 B が 「150] な の に 対し 、 距 離 A が 
「-250」 と 、 距 離 A が 小さ いと 判定 され て し まい 
ます 。 


そこ で 、 そ の 距離 を 判定 する た め に 、 こ の 絶対 値 
(Absolute) を 使い ます 。 


PAkr7 2 flash を 学ぶ 


使い 方 
Math.abs( 数 値 また は 式 ): 











(x:300, y:200) mc2 


(x:50, y:200) (x:450, y:200) 








距離 A = mc1.x - mouseX 距離 B = mc2.x - mouseX 





= 50 - 300 = 450 - 300 
= -250 =150 
時 
mouse 
mc1 (x:300, y:200) mec2 
(x:50, y:200) (x:450, y:200) 








距離 A = mc1.x - mouseX 距離 B = mc2.x - mouseX 


=50 - 300 = 450 - 300 
= Math.abs(-250) = Math.abs(150) 
=250 = 150 


ーーーー ペ ーーーーーー 
mouse 
mec1 (x:300, y:200) me2 
(x:50, y:200) (x:450. y:200) 














pb Math 関 数 一 覧 


その 他 に も 、 い くつ か ある の で 使っ て み ま し ょ う 。 


パブ リッ ク メソ ッ ド 





































































































Math.random() ラン ダム な 数 を 返し ます 。 (0.000000000000001 一 0.999999999999999) 

Math.PI 円 周 率 を 返し ます 。 (近似 値 は :3.141592653589793) 

小数 計算 に 使う も の 

| Math.ceil( 数 値 ま た は 式 ) 。 | 数 値 また は 式 を 切り 上 げた 値 を 返し ます 。 

Math.floor( 数 値 ま た は 式 ) | 数 値 ま た は 式 を 切り 捨て た 値 を 返し ます 。 

Mathkround( 数 値 また は 式 ) | 到 値 また は 式 を 最も 近い 整数 に 四 捨 五 入 し 、 値 を 返し ます 。 | 
絶対 値 を 計算 

abs( 数 値 ま た は 式 ) 数 値 また は 式 の 絶対 値 を 計算 し て 返し ます 。 | 
三角 関数 

sin( ラ ジア ン 単 位 の 角度 ) | ラジ アン 単位 で 指定 され た 角度 の サイ ン ( 正 弦 ) を 計算 し て 返し ます 。 

cos( ラ ジア ン 単 位 の 角度 ) | ラジ アン 単位 で 指定 され た 角度 の コサイン (余弦 ) を 計算 し て 返し ます 。 ー 

tan( ラ ジア ン 単 位 の 角度 ) | 指定 され た 角度 の タン ジェ ント ( 正 接 ) を 計算 し て 返し ます 。 - 
acos( 数 値 ) 数 値 の アー クコ サイ ン ( 逆 余 強 ) を 計算 し て ラジ アン 単位 で 返し ます 。 = 

asin( 数 値 ) 数 値 の アー クサ イン ( 逆 正弦 ) を 計算 し て ラジ アン 単位 で 返し ます 。 
atan( 数 値 ) 数 値 が タン ジェ ント ( 正 接 ) の 値 に な る 角度 を 計算 し て ラジ アン 単位 で 返し ます 。 。。 | 
CS yt 近 の 有 度 を ラジ アン 守 人 で 放し て 返し ます 。 こ の と き 、 円 の x 軸 (0.0 は 円 の 中 心 を 示し 
その 他 

exp( 数 値 ) 自然 対数 の 底 () を 指定 され た 数 値 (指数 ) で 累乗 し た 値 を 返し ます 。 ーー 
jog 員 休 ) 。 | 数値 の 自然 対数 を 返し ます 。 還 還 本 還 民 
max( 数 値 1, 数 値 2,… 数 値 n) 数値 1. 数 値 2( ま た は 3 つ 以 上 の 値 ) を 比べ 、 一 番 大 きい 数 を 返し ます 。 

min( 数 値 1, 数 値 2, .、 数 値 n) | 数値 1, 数値 2( ま た は 3 つ 以上 の 値 ) を 比べ 、 一 番 小 さい 数 を 返し ます 。 

pow( 数 値 1 数 値 2 数 値 1 の 数 値 2 乗 を 計算 し て 返し ます 。 

sqr( 数 値 ) 指定 され た 数 値 の 平方 根 (ルー ト ) を 計算 し て 返し ます 。 
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レシ 4= レ ルト シス 


[応用 ] 


テキ スト フィ ー ル ド 


Flash で 文字 を 取り 扱う 場合 に 利用 する の が テキ スト フィ ー ル ド で す 。 テ キス ト フ ィ ー ル ド は 
全部 で 3 種類 あり 、 そ れ ぞ れ 用 途 が 違い ます 。 





Flash の テキ スト フィ ー ル ド は 、 
「 静 止 テ キス ト ]「 ダ イナ ミッ ク テ キ スト ]「 テ キス ト 入 力 ] の 3 種類 が あり ます 。 


テキ スト フィ ー ル ド の 種類 と 特徴 


下 の 表 は テキ スト フィ ー ル ド の 種類 と 、 そ れ ぞ れ の 特徴 を まとめ た も の で す 。 
この 表 か ら も 分 か る よう に 、「 静 止 テ キス ト 」 は あく まで グラ フィ ッ ク 要 素 と し て 、 実 行 後に 文字 内 容 を 変え な いと き に 
使う 設定 で す 。 そ れ に 対し て 、「 ダ イナ ミッ ク テ キ スト 」 と 「 テ キス ト 入 力 ] は 実行 後に 文字 内 容 を 変更 する 場合 に 利用 
し ます 。 特 に 「 テ キス ト 入 力 ] は ユー ザ か ら の 文字 入力 な どか ら の 変更 も 可能 と する と ころ が 異な る 、 と 理解 し て お け 





























ば 良い で し ょ う 。 
フォ ント を 指定 し て 文字 表示 で きる - | で きる ー | で きる 生 還 較 
文字 の 選択 で きる - | で きる - で きる 。 
実行 後 の 表 示 文 字 な ど 変更 ^“ う い で きる で きる 
間 (グラ フィ ッ ク 要 素 扱 ) = | 
フォ ント の 埋め 込み で き な い 。 | で きる | で きる 
HTML 表示 で き な い | で きる | で きる 
ユー ザ か ら の 文字 入力 で き な い | で き な い | で きる 
フォ ント 情報 を 埋め 込む と 、 | フォ ント 情報 を 埋め 込む と 、| 
ee - 陣 | 重く な る 可能 性 あり 重く な る 可能 性 あり 
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!3 キ 











テキ スト フィ ー ル ド の 作り 方 
テキ スト フィ ー ル ド は 、 ツ ー ル か ら で も 、ActionScript か ら で も 作成 可能 で す 。 
ここ で は 、 ツ ー ル か ら 作 成す る 場合 に つい て 紹介 し ます 。 




















1. ツ ー ル パネ ル で テキ スト ツー ル を 選択 し ます 。 












2. ステージ 上 を クリ ッ ク す る 、 ま た は テキ スト フィ ー ル ド を 設定 し た い 領 域 を マウ ス ド ラ ッ グ で 指定 する と 、 ス テー ジ 
上 に テキ スト フィ ー ル ド が 作成 され ます 。 














3. 作成 し た テキ スト フィ ー ル ド を 選択 し た 状態 で 、 [プロパ ティ ] パネ ル で テキ スト フィ ー ル ド の 設定 を 変更 し まし ょ う 。 
前 の ペー ジ で 紹介 し た テキ スト フィ ー ル ド の 種類 も ち も 、 こ の パネ ル 上 で 設定 する こと が で きま す 。 


3 つの タイ プ ご と の パネ ル の 違い 





テキ スト フィ ー ル ド の 種類 を 設定 
ダイ ナミ ッ ク テ キス ト / 入 力 テ キス ト の 場合 は イン スタ ンス 名 
を 入力 する 項目 が 表示 


四 ダイ ナミ ッ ク テ キス ト / 入 力 テキ スト の 
静止 テキ スト の プロ バテ ィ パ ネル プロ パテ ィ パ ネル 


ーー モー ニー ご 2 
座標 位置 や サイ ズ を 設定 
ーー 


使用 する フォ ント や 文字 の 
大 き さ な ど を 設定 


に 
文字 方 向 や 文字 揃え な ど 
を 設定 


選択 可能 設定 や HTML 設 フォ ント 埋め 込み 設定 
定 を 行う 
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PA ぇ T 


フォ ント の 埋め 込み 


テキ スト フィ ー ル ド の 種類 が 「 ダ イナ ミッ ク テ キ スト 」 も し く は 
「 テ キス ト 入 力 ] の 場合 イン スト ー ル され て いる フォ ント デー 
タ を 埋め 込む お こと が で きま す 。 フォ ント を 埋め 込ん で お く と 、 
ここ で 選択 し た フォ ント が イン スト ー ル され て いな い 環 境 で 
あっ て も 、 意 図 し た フォ ント で 文字 が 表示 され ます 。 

フォ ント を 埋め 込む 場合 は 、[ プ ロ パ ティ ] パネ ル の 「 文 字 の 埋 
め 込 み ] ボタ ン を 押し 、 表 示さ れる 文字 の 埋め 込み ダイ アロ グ 
に て 埋め 込む フォ ント 種類 を 選択 し ます 。 

フォ ント 情報 は 、 英 語 フォ ント で 通常 数 十 KB、 日 本 語 フ ォ ン ト 
で は 数 MB、 パ ブリ ッシュ 後 の SWF フ ァイル サイ ズ が 増え る の 
で 、 必 要 な フォ ント (表示 され る 可能 性 の ある 文字 ) の み を 埋め 
込む よう に し まし ょ う 。 


デパ イス フォ ント 


どん な 環境 で も 正確 に 表示 し た い 文 字 を 取り 扱い た い 場 合 や 、 
フォ ント を 埋め 込む こと に よる SWF フ ァイル サイ ズ の 増加 を 避 
けた い 場 合 は 、[ プ ロ パ ティ ] パネ ル の 「 フ ォ ン ト フ ァ ミ リー」 
で デバ イス フォ ント を 選び まし ょ う 。 

デバ イス フォ ント は SWF が 実行 され た 環境 それ ぞ れ に 決め られ 
て いる フォ ント を 使う と いう 特殊 な 設定 で 、[ プ ロ パ ティ ] パネ 
ル 上 で は フォ ント 名 の 最初 に (アン ダー カー ソル ) が 付い て い 
る フォ ント が デバ イス フォ ント に 相当 し ます 。 デ バイ ス フ ォ ン 
ト は 計 6 種 類 用 意 さ れ て いま す 。 

デバ イス フォ ント を 選択 すれ ば フォ ント デー タ は SWF に 埋め 込 
まれ な い の で 、 出 来 上 が り の SWF フ ァイル サイ ズ が 大 きく な る 
こと は あり ませ ん 。 し か し 、 実 行 環境 に よっ て 表示 が 若干 異な 
る 可能 性 が あり ます 。 


2 flash を 学ぶ 

















フン 
日 時 の 4) G 中 
日 本 天 - 生 (3174 文 字 ) 
上 (9^O の 5 ウネ 
リン タル は へ ウタ 
中国 且 - し バル 1 (509 文字 ) 





の OoTF ゴシック NB191 Pre 
の koTF be ん Pro 

の た OTF フォ ー ク Pro 

の AoTF リ ュ バ ペン pro 

の た oTF 教科 書 ICA Pro 

0 OoTF 新 ゴ Pro 

9 *-OTF 新 正午 書 CBSKi pro 
の dsSd 








文字 も じ モジ 
文字 も じ モジ 
文字 も じ モジ 


、 文字 も 6 じ モ ジ 


も に モジ 
文字 も じ モジ 
広和 ま も じ モジ 
文字 も じ モ ジ 











タイ 











ミッ ク テ キ スト ・ テ キス ト 入 力 の 使い 方 


「 ダ イナ ミッ ク テ キ スト 」] と 「 テ キス ト 入 力 」 は 、 ス テー ジ 上 に 配置 する と イン スタ ンス 名 を 設定 する こと が で き 、 プ 
ログ ラム を 使っ て テキ スト フィ ー ル ド を コン トロ ー ル する こと が 可能 で す 。 ま た 、HTML を 表示 させ る こと も 可能 で す 。 
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テキ スト フィ ー ル ド の 設定 


テキ スト フィ ー ル ド 作 成 後 [ プ ロ パ ティ ] パネ ル に て 「 ダ イナ ミッ ク テ キ スト 」、 も し く は 「 テ キス ト 入 力 ] を 選択 する と 、[ プ 
ロ パ ティ ] パネ ル 上 部 に イン スタ ンス 名 を 入力 で きる 項目 が 表示 され る の で 、 イン スタ ンス 名 「sample_txt] を 入力 し ます 。 











と 


HTML テ キス ト の 設定 


ブラ ウザ で 表示 し て いる よう な HTML 形 式 で 情報 を 表示 さ 
せ た い 場合 は 、「 テ キス ト を HTML と し て レン ダリ ング 」] ボ 
タン を 選択 状態 に し ます 。 

する と 、 ス テー ジ 上 に 入力 し た 文字 を HTML と し て 誰 識 し 、 
太字 <b> や アン カー<a> な どの タグ を ブラ ウザ の よう に 表 
示さ せる こと が で きま す 。 

CSS も 利用 可能 で す 。 た だ し 、 ブ ラウ ザ で 使え る すべ て の 
機能 が 有効 で は な い の で 、 事 前 に 利用 可能 な タグ を チェ ッ 
ク し て お きま し ょ う 。 


テキ スト の 表示 


ダイ ナミ ッ ク テ キス ト や テキ スト 入力 に 設定 され て いる テ 
キス ト フ ィ ー ル ド で 、 現 在 表示 され て いる テキ スト 情報 を 
操作 し た い 場 合 、text プロ パテ ィ を 利用 し ます 。 

現在 表示 し て いる テキ スト 情報 を 変更 する 場合 は text プ ロ 
パテ ィ に 新しい 文字 列 を 設定 し 、 現 在 表示 し て いる テキ ス 
ト 情報 を 取得 し た い 場 合 も text プ ロ パ ティ か ら 文 字 情報 を 
取得 し ます 。 


な お 、HTML 情 報 は htmlText プ ロ パ ティ と いう 、text プ 
ロ パ ティ と は 別 の も の が 用 意 さ れ て いる と ころ に 注意 し ま 
し ょ う 。 









sample_txt.text = "文字 列 を セッ ト 革 


信 テキ スト フィ ー ル ド に 文字 列 を 設定 する 場合 
yar str= sample_txt.tex 生 
信 テキ スト フィ ー ル ド に 表示 され て いる 文字 列 を 取得 する 場合 








sample_txt.htmlText = "<b> 太字 文字 列 を セッ ト </b>'i 

信 テキ スト フィ ー ル ド に HTML テ キス ト を 設定 する 場合 

yar htmlStr = sample_txt.htmlTex セ も 

信 テキ スト フィ ー ル ド に 表示 され て いる HTML テ キス ト を 取得 
する 場合 
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2 Date 


日 付 や 時 間 な どの 情報 を 効率 良く 取り 扱う 場合 、Date オブジェ クト (Date クラ ス ) を 使う と 便 
利 で す 。Date オ ブ ジ ェクト は 日 付 や 時 刻 の 情報 を 保持 し た オブ ジェ クト で 、 ロ ー カ ル 時 間 と 
世界 時 間 (グリ ニッ ジ 標 準 時 ) で 日 時 情報 を 取り 扱う こと が で きま す 。 基 本 的 に 日 本 国内 で 実 
行き され る よう な も の を 作る 場合 は 、 世 界 時 間 は 意識 し な く て も 問題 な いで し ょ う 。 特 殊 な 状 
況 で の み 必 要 な 機能 で す 。 


Date オブ ジェ クト 
に コ 6.] 
し ッッ ンー テ 


ある 日 時 の 


ィ ン テ SS 
ーー の  W 電 胸 
【 ma ) 




















Date オブ ジェ クト の 使い 方 


Date オブ ジェ クト を 使う た め に は 、 
まず Date クラ ス を イン スタ ンス 化し て オブ ジェ クト を 作成 する と ころ か ら 始 め ま す 。 








pb Date オブ ジェ クト の 生成 


特に 引数 を 与え ず に new 演算 子 に て イン スタ ンス を 生成 す | OS (21eNeD8N0: ー 
る と 、 初 期 化 し た タイ ミン グ の 日 時 情報 を 持っ た Date オ ブ | 記 ョ 

ジェ クト に な り ま す 。 

な お 、 日 時 情報 は 動作 し て いる OS 上 で の 日 時 情報 に セッ 

ト さ れ ま す の で 、 も し 動作 し て いる OS の 日 時 が ずれ て いる 

場合 は 、Date オ ブ ジ ェクト を 生成 し て も 日 時 は ずれ て し ま 

いま す 。 
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pb 特定 の 日 時 の Date オブ ジェ クト を 生成 


引数 を 設定 する こと も で きま す 。 その 場合 は 設定 し た 日 時 
情報 を 保持 し た Date オブ ジェ クト が 生成 され ます 。 

この 場合 、2009 年 4 月 20 日 13 時 30 分 0 秒 0 ミ リ 秒 の 日 時 
情報 を 持っ た Date オ ブ ジ ェクト が 生成 され ます 。 

月 は 1 か ら 12 の 数 字 で は な く 、0 か ら 11 の 数 字 で 設定 する 
点 を 注意 し まし ょ う 。 





yardate_obj = new Date(2009, 3, 20, 13, 30, 0, 0): 
月 、 日 、 時 、 分 、 秒 、 ミ リ 秒 、 を 設定 | 


人 引 致 は 原 に 、 年 、 月 、 


て いる | 





ル b 日 時 情報 の 取得 


Date オブ ジェ クト の 日 時 情報 を 取得 し ます 。 

Date オブジェ クト の 情報 を 取得 する に は 、Date オブ ジェ ク 
ト の プロ パテ ィ (month、hours、seconds な ど ) か ら 取 得 
する か 、Date オブ ジェ クト の getXXX( ) メソ ッ ド (getMonth、 
getHours、getDate な ど ) か ら 取 得する か 、2 通 り の 方 法 
が あり ます 。 こ の 場合 、2 つ の trace( ) の 結果 は 同一 に な り 
ます 。 


trace(date_obj.hours): 年 プロ パティ を 使う 場 人 
trace(date_obj.getHours()): 年 メン ッ 





日 時 情報 の 変更 


Date オブ ジェ クト に 対し て 情報 を 設定 する 、 変 更 す る 場合 
も 、Date オブ ジェ クト の プロ パテ ィ か ら 設 定 す る か 、Date 
オブ ジェ クト の setXXX( ) メ ソ ッ ド (setMonth、setHours、 
setDate な ど ) か ら 設定 する か 、2 通 り の 方 法 が あり ます 。 
この 場合 も 、2 つ の 処理 結果 は 同一 に な り ま す 。 


date_obj.hours = 6: 
date_obj.setHours(6): 


13 2 


曜日 情報 の 取得 


Date オブ ジェ クト か ら は 曜日 の 情報 も 取得 で きま す 。 
曜日 の 情報 は 0 か ら 6 ま で の 数 字 で 取得 し 、 そ れ を 日 本 語 
表記 に し た り 、 英 語 表 記 に し た りす る 作業 は 、 こ ちら が プ 
ログ ラム を 使っ て 行い ます 。 

まず 日 曜日 か ら 土 曜日 まで の 表記 分 の 要素 を 持つ 配列 を 用 
意 し て お いて 、 そ の 後に 曜日 情報 を 取得 し 、 取 得 し た 曜日 
情報 の 数 値 を 配列 番号 と し て 使う こと で 、 シ ンプ ル に 曜日 
表記 を 作成 で きま す 。 





| var dayNames = [" 
var day = date_obj.day: 
trace(dayNames[day] + " 曜日 で す "): 


実行 結果 
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Timer 関 数 は 、 ActionScript 3.0 で 追加 され た 新しい 機能 で す 。 こ の Timer 関 数 を 使う こと で 、 
時 限 爆弾 の よう に 、 指 定 し た タイ ミン グ で プロ グラ ム を 実行 し た り 、 時 計 の よう に 指定 し た 
感覚 で プロ グラ ム を 繰り 返し 行う 処理 を 作る こと が で きま す 。 





Timer 関 数 の 使い 方 


Timer 関数 に は 、2 種 類 の 使い 方 が 存在 し ます 。1 つ は 指定 し た タイ ミン グ で プロ グラ ム を 実行 する と き 。 
も う 1 つ は 、 一 定 間隔 で プロ グラ ム を 実行 し た いり 場合 に 利用 され ます 。 





ge 1232 
TimerEvent.COMPLETE 


Timer.addEventListener(TimerEvent.COMPLETE, onComplete) 
リス ナー 登録 し て いる と …… 



















TimerEvent が 呼ん を で くれ る 


function onComplete(ev:TimerEven1){} 
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ぁみ Timer 関 数 の 使い 方 
使い 方 
var myTimer:Timer ニ new Timer( 遅延 , 繰り 返し 回 数 ): 


まず は 、Timer 関 数 を 使う 上 で 必要 な 初期 設定 を 
見 て み ま し ょ う 。 

Timer 関 数 を 利用 する と き は 、 繰 り 返 す 間隔 (delay) 
と 繰り 返す 回 数 (repeatCount) を 設定 し ます 。 


に り 返す 間隔 を ミリ 秒 単位 (※1000| 
y ミリ 秒 で 1 秒 ) で 指定 し ます 。 | 
繰り 返す 回 数 を 正 数 で 指定 し ます 。 | 
2Chey 4 ト ) は | 
| 











「epeatCount | 回 で 、 止 め る まで 株 り 返し 続け る 
こと が で きま す 。 














また 、 こ の 初期 設定 は 右 の よう に 省略 形 で 書く こ 
と も で きま す 。 


/Timer 関 数 の 初期 設定 





| var myTimer:Timer = new Timer(): 


| 

] 

// 繰り 返す 間隔 (ミリ 秒 単位 で 設定 ) | 

myTimerdelay = 1000: | 

繰り 返す 回 数 

myTimer.repeatCount = 1: | 
中 








//Timer 関 数 の 初期 設定 省略 形 | 
var myTimer:Timer = new Timer(1000, 1): | 


EEIM SE 


pb function を 指定 する 


Timer 関 数 は 、 独 自 で 用 意 し た 関数 を 繰り 返し 実 
行 す る の が 役割 で す 。 

addEventListener を 使用 し て 、 呼 び 出 され る 関数 
(function) を 指定 し ます 。 

ここ で は 、 独 自 で 用 意 し た [timerHandler] と いう 
function を 用 意 し まし た 。 

function の 引数 に は 、TimerEvent を 指定 し まし ょ 
う 。 ま た 、 実 行 時 に 何 回 繰り 返し て いる の か を 判 
別 す る に は 、currentCount プ ロ パ ティ を 利用 し ま 
し ょ う 。 


pb Timer を 開始 する 


Timer 関 数 は 、 こ の 開始 (start) の 合図 で 始ま り ます 。 


// リタ イ イマ ー ー を 開 色 
myTimer.start(): 


繰り 返し 呼ば れる function 

function timerHandler(ev:TimerEven:voidt 
繰り 返し 呼ば れる 処理 
trace(" 現在 の 繰り 返し 回 数 :" + myTimer.currentCoun1): 


} 
繰り 返す 関数 を 指定 
myTimer.addEventListener(TimerEvent.TIMER, timerHandler): 








by Timer を 停止 する 


Timer 関 数 を 停止 (stop) す る 場合 に 、 使 用 し ます 。 
繰り 返し 回 数 を 指定 し て いな い 場 合 、 
の 理由 で 停止 し た い 場合 に 使用 し ます 。 


また は 任意 





ゲタ イマ ー を 停止 
myTimer.stop(): 











みゆ リセ ッ ト す る 


一 度 開始 (実行 ) し た Timer 関 数 を 、 リ セッ ト (reset) | 
SC // タ イマ ー を リセ ッ ト | 

し て は じ め か ら や り 直 し た い 場 合 に 使用 し ます 。 | myrimerreset0: 

リセ ッ ト を し た 場合 は 、 も う 一 度 開始 (start) を 合 ーーー 一 ゴ 

用 し て 、 再 開 し ます 。 








PP TIMER_COMPLETE メ ソ ッ ド 


Timer 関 数 に は も う 1 つ 便利 な 機能 が あり ます 。 

繰り 返す 回 数 を 指定 し た 場合 、 指 定 し た 回 数 分 プロ グラ ム が 実行 され 動作 が 終了 する と 実行 され る の が 、 こ の 
「onComplete] メソ ッ ド で す 。 こ の onComplate メ ソ ッ ド も 、 動 作 が 終了 する と 同時 に 呼び 出し た い function を 指定 し 
ます 。 


| / 完了 時 に 呼ば れる function | 

function timerCompleteHandler(ev:TimerEven:voidt | 
trace("Timer 関数 (myTimer) の 処理 が 完了 し まし た !"): 

) | 

| 





// 完 了 時 の 処理 を 指定 
myTimer.addEventListener(TimerEventTIMER_COMPLETE, timerCompleteHandler): 








例え ば 、3 秒 カウ ント ダウ ン し て 停止 する プロ グラ ム を 作っ て み ま し ょ う 。 これら を 組み 合わ せる こと で 、 ス トッ プ ウ ォ ッ 
チ な ど 作 っ て みて は いか が で し ょ うか が 。 
// 繰 り 返 し 呼ば れる function 
function timerHandler(ev:TimerEvent):voidt 
// 繰 り 返し 呼ば れる 処理 
trace(" 現在 の 繰り 返し 回 数 :" + myTimer.currentCoun1): 





function timerCompleteHandler(ev:TimerEvenU:yoidt 
trace(" 完 了 !"): 
} 


//Timer 関 数 の 初期 設定 1000 ミ リ 秒 (1 秒 ) ご と に 、3 回 実行 

yar myTimer:Timer = new Timer(1000, 3): 

/ 繰り 返す 関数 を 指定 
myTimer.addEventListener(TimerEvent.TIMEH, timerHandler): 
// 完了 時 の 処理 を 指定 
myTimer.addEventListener(TimerEventTIMER_COMPLETE, timerCompleteHandler): | 


// 開 始 
myTimer.start): 


| 
| 
| 
] 
| 
// 完 了 時 に 呼ば れる function | 
| 
| 
| 
| 








実行 結果 
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p カウ ント ダウ ンタ イマ ー の 作成 | 





yar remain:int = 60: 





3rroW 繰り 返し 呼ば れる function 

(ムー ビー クリ ッ プ ) function timerHandler(ev:TimerEvent):voidt 
が 1 ずつ 減ら す 
remain--: 

count_txt 数 字 を 表示 

(テキ スト フィ ー ル ド ) count_txt.text=remain.toString(): 


| 760 秒 で 360 度 を 1 周 す る よう に 回 転 する 
| arrow.rotation -= 360 / 60: 


60 
count_txt.text = "TimeUP! 


} 


60 秒 か ら 1 秒 ずつ カウ ント が 減り 、 最 後に 「Time UP! /Timer 関数 の 初期 設定 省 暑 形 
と 表示 され る タイ マー を 作り ます 。 ゲ ー ム な ど に 応用 し ま var myTimer:Timer = new Timer(100, 60): 
し ょ う 。 / 繰り 返す 関数 を 指定 
myTimer.addEventListener(TimerEvent.TIMER, 
timerHandler): 
// 完 了 時 の 処理 を 指定 
myTimer.addEventListener(TimerEvent.TIMER 
COMPLETE, timerCompleteHandler): 
開始 
myTimer.start(): 











CO と り ル MK / 


Timer 関 数 で の 注意 点 


も の すご く 細 か い 話 で す が 、 こ の Timer 関 数 で カウ ント を 実行 する 場合 、 処 理 内 容 に よっ て は 、 時 差 が 生じ る こと 
が あり ます 。 

ここ で 紹介 し た サン プル と 同じ よう に 、1000 ミ リ 秒 ご と に 処理 を 繰り 返す function(timerHanlder) を 指定 し まし た 。 
ここ で 、 も し この 指定 し た 処理 が も の すご く 負 荷 の か か る 処理 (例え ば 、for ル ー プ 100 万 回 な ど ) で あっ た 場合 、 そ 
の 処理 が 終了 し た タイ ミン グ か ら 数 えて 、1000 ミ リ 秒 を カウ ント する よう に 動く よう で す 。 つ まり 、 人 負担 の か か る 
処理 が 0.5 秒 か か っ た 場合 、 1 秒 ご と に 実行 し た い の に 、1.5 秒 を 要 し て し まい 、 結 果 0.5 秒 の 誤差 が 生ま れ て し ま 
うこ と に な り ま す 。 

それ ほど 重い 処理 を 想定 し て いな けれ ば 問題 な いと 思い ます が 、 正 確 に 動作 し て いる か の 検証 を 行う こと を お すす 
めし ます 。 





通常 の 処理 
一 定時 間 (1000 ミリ 秒 ) 層 TimerEvent.TIMER 処理 (ほぼ 0 秒 ) 


動作 間隔 王 1000 ミ リ 秒 (1 秒 ) 


処理 に 時 間 が か か る 場合 
一 定時 間 (1000 ミリ 秒 ) 必 TimerEvent.TIMER 必 処理 (500 ミ リ 秒 ) 


動作 間隔 王 1500 ミ リ 秒 (1.5 秒 ) 


function timerCompleteHandler(ev:TimerEvent):void{ 
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ExIuPEE 












SWF 形式 で 作成 され た コン テン ツ の 表示 領域 全体 
の こと を ステ ー ジ と 呼び ます 。ActionScript で ス 
テー ジ に アク セス する こと で 、 さ ま ざ ま な ステ 


ステ ー ジ の 情報 を 取得 


* 設 定 する 


語 7 選 
P] SWF フ ァイル 





ジ の 情報 を 取得 する こと が で きま す 。 取得 で きる 
主 な 情報 に は 以下 の よう な も の が あり ます 。 


・ ス テー ジ の 大 き さ 

・ ス テー ジ の フレ ー ム レー ト 
・ 画 質 

・ ス テー ジ の 配置 

・ ス テー ジ の 拡大 / 縮 小 モー ド 


UN グ 稚 が 本 と の サケ クシ 


、 軒 PRACTICE 7 : メニ ュー の 位置 を ステ ー ジ 
サイ ズ に 合 きわ せ 調 整 する お 5 ……… P267 へ 


ニー ニコ ーーーー 


ムー ビー クリ ッ プ 











合わ せ て 読む と 便利 な 項目 
呈 イベ ント の 概念 








ステ ー ジ の 持っ て いる 情報 


ここ で は ステ ー ジ の 持っ て いる 情報 と 、 


それ ぞ れ の ActionScript を 使っ た 取得 ・ 設 定 方 法 を 


説明 し ます 。 





pb 取得 可能 な ステ ー ジ の 情報 
Stage イ ンス タン ス か ら は 主 に 以下 の よう な 情報 を 取得 ・ 


多 stageWidth 
現在 の ステ ー ジ の 横幅 を 取得 し ます 。 


設定 する こと が で きま す 。 


trace(stage.stageWidth) / 出 力 ( 600 ) 


ゆ stageHeight 
現在 の ステ ー ジ の 縦 幅 を 取得 し ます 。 


trace(stage.stageHeight) // 出力 ( 400 ) 


PAzrT 2 flash を 学ぶ 


る 





ゆあ align 





スズ テー ジ の 配 因 位 置 の 指 赴 を 取得 ・ 設 定 し ます 。 | / ラ テー ジ の 虹 還 を を 上 欄 え に 地 定 し ます 
設定 値 に は 、StageAlign クラ ス の 持つ 定数 を 使っ stage.align = StageAlign._TOP_LEFT 


て 指定 する こと が 可能 で す 。 








StageAlign クラ ス の パブ リッ ク 定 数 

定数 名 解説 

BOTTOM ステ ー ジ の 配置 を 下 揃え に する よう 指定 
BOTTOM_LEFT | ステ ー ジ の 配置 を 左下 の 隅 に 揃え る よう 指定 
BOTTOM_RIGHT | ステ ー ジ の 配置 を 右 下 の 隅 に 揃え る よう 指定 









































LEFT ステ ー ジ の 配置 を 左 揃え に する よう 指定 
RIGHT ステ ー ジ の 配置 を 右 揃え に する よう 指定 
ToP ステ ー ジ の 配置 を 上 摘 え に する よう 指定 
TOP_LEFT ステ ー ジ の 配置 を 左上 の 隅 に 揃え る よ う 指 定 
| TOP_RIGHT ステ ー ジ の 配置 を 右上 の 隅 に 揃え る よう 指定 
人 ゆ frameRate 





ステ アー ジ の フレ ー ム レー トド を 取得 貞二 じ 表す 。 trace(stage.frameRate) // 出力 ( 24 ) 





























ゆ quality 

バッ ー ン の し スク 00 の グ 全 芽衣 和 5 朗 吉 し ます | // ス テー ジ の 画質 を 最 謝 に 設定 

設定 値 に は 、StageQuality ク ラス の 持つ 定数 を 。 |」。iaq。aqualiy = StageQuality.BESTi 
使っ て 指定 する こと が 可能 で す 。 ーー ー 
StageQuality クラ ス の パブ リッ ク 定 数 

定数 名 解説 

BEST 非常 に 高い レン ダリ ング 品質 を 指定 

| HIGH 高い レン ダリ ング 品質 を 指定 

Low 。 | 低い レン ダリ ング 品質 を 指定 

MEDIUM | 通常 の レン ダリ ング 品質 を 指定 ] 








人 ゆ scaleMode 





ステ ー ジ の 拡大 / 小 モー ド を 取得 ・ 彼 定 し ます 。 | / ス テー シ の 到 大 ・ 縮 小 モ ー ド を サイ ズ を 打 持 する よう に 設定 
設定 値 に は 、StageScaleMode クラ ス の 持つ 定数 stage.scaleMode = StageScaleMode.NO_SCALE: 


を 使っ て 指定 する こと が 可能 で す 。 | 





StageScaleMode クラ ス の パブ リッ ク 定 数 








定数 名 | 角 説 
表示 領域 内 に ステ ー ジ 全体 が 、 元 の 縦横 比 を 維持 し な いで 表示 され 
EXACT_FIT る よう 指定 





| 
4 
NO_BORDER 表示 領域 いっ ぱい に ステ ー ジ 全体 が 歪 まず に 表示 され る よう 指定 ] 
ステ ー ジ の サイ ズ が 固定 され 、 ウ ィ ン ド ウ の サイ ズ が 変更 され た 場 | 

" 








NSR 合 で も 、 サ イズ が 維持 され る よう に 指定 
2 表示 領域 内 に 、 ス テー ジ 全 体 が 元 の 給 横 比 を 維持 し た まま 、 歪 ま 


に 表示 され る よう 指定 




















ステ ー ジ サイ ズ の 変化 に 応じ て 情報 を 取得 する 


ActionScript を 使っ て ステ ー ジ サイ ズ の 変化 の タイ ミン グ を 知る こと が で きま す 。 
ここ で は 、 ス テー ジ サ イズ の 変化 に 応じ て リア ル タ イ ム に ステ ー ジ の サイ ズ を 表示 する 方 法 を 説明 し ます 。 





pb ステ ー ジ の サイ スズ ス の 変化 を 受け 取る 


ステ ー ジ の サイ ズ が 変わ っ た 際 、Stage イン スタ ンス が Event.RESIZE を 発行 し ます 。 
この イベ ント を リス ナー に 登録 する こと で 、 ス テー ジ の サイ ズ の 変化 を 監視 する こと が 可能 に な り ま す 。 





| stage.addEventListener(Event.RESIZE,onResizeStage): 出力 結果 


| 
| function onResizeStage(even{ 

trace(" ス テー ジ の サイ ズ が 変わ り ま し た "): 
| } 








サン プ ブル : ステ ー ジ の 大 き さ を 表示 する 


現在 の ステ ー ジ の 大 き さ を 、 画 面 上 に 表示 する サン プル を 作成 し ます 。 












function onResizeStage 


現在 の ステ ー ジ の 
横幅 を 取得 





③ 最 新 の 値 を 代入 







現在 の ステ ー ジ の 
縦 幅 を 取得 






③ 最 新 の 値 を 代入 
stage_height_txt 





②Event.RESIZE の 発行 














1. ス テー ジ の 大 き さ が 変更 され る と 、Event.RESIZE が 発行 され ます 。 
2. Event.RESIZE を 受け 取り 、 ス テー ジ の 最新 の サイ ズ を 取得 し ます 。 
3. ステ ー ジ の 最新 の サイ ズ を テキ スト フィ ー ル ド に 表示 し ます 。 
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stage.align = StageAlign.TOP_LEFT: 
stage.quality = StageQuality.BEST: 
stage.scaleMode = StageScaleMode.NO_SCALE: 


stage.addEventListener(Event.RESIZE,onResizeStage): 


function onResizeStage(even1){ 
varnow_stage_width = stage.stageWidth: 年 最新 の ステ ー ジ の 横幅 を 取得 
stage_width_txt.text= "現在 の ステ ー ジ の 横幅 は "+now_stage_width+ "px で す 。 


varnow_stage_height = stage.stageHeight: e 最新 の ステ ー ジ の 縦 幅 を 取得 
stage_height_txt.text = "現在 の ステ ー ジ の 縦 四 は "+now_stage_height + "px で す 。 
} 











CO と り ル MA 


ステ ー ジ へ の アク セス 


ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー ーーーーーーーーー ニ ーーー ーーー・ 


ステ ー ジ の 情報 の 取得 ・ 設 定 は Stage イン スタ ンス を 用 いま す 。 

SWF 上 の Stage イ ンス タン ス へ の アク セス は 、 各 タイ ムラ イン か ら stage プロ パテ ィ を 参照 する こと で 可能 で 
す 。stage プロ パテ ィ は 表示 要素 の クラ ス そ れ ぞ れ が 持っ て いて 、 画 面 に 配置 され た 状態 で 参照 する こと が で き 
ます 。 


画面 に 設置 済み の 表示 要素 














ョ mmOuSe メ X・mouSeY 


Flash で は 、 画 面 上 の マウ ス の 位置 を 取得 する こと が で きま す 。 マ ウス の 位置 に より 画面 に 変 
化 を 付け た り 、 マ ウス に 追従 する キャ ラク ター を 作っ た り 、 独 自 の マウ スポ イン タ を 作っ た り 
と 、 さ ま ざ ま な 用 途 で この マウ ス の 位置 を 利用 し ます 。 





マウ ス の 位置 の 取得 


マウ ス の 位置 は X 軸 と Y 軸 の 2 点 で 特定 し ます が 、 
メイ ンタ イム ライ ン か ムー ビー クリ ッ プ の 中 か に よっ て も 計り 方 が 変わ っ て きま す 。 





pk マウ ス の 位置 の 考え 方 


マウ ス の 位置 は 、X 軸 ( 横 軸 ) と Y 軸 ( 縦 軸 ) の 2 点 で 特定 し ます 。 
位置 の 計り 方 は 、 図 の よう に メイ ンタ イム ライ ン の 表示 エリ ア の 左上 を 原点 と し 、 ピ クセ ル で 取得 する こと が で きま す 。 
この 図 で は 、 マ ウス の X 位 置 は 260 に な り 、 マ ウス の Y 位 置 は 183 に な り ま す 。 





ステー ジ の 基準 点 (0.0) 


(表示 エリ ア ) 
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ムー ビー クリ ッ プ の 場合 も 同様 に 基準 点 か ら 計測 し た 2 つの 点 で 特定 する こと が で きま す 。 
この 図 で は 、 ム ー ビ ー ク リッ プ の 基準 点 を 元 に 取得 する の で 、 マ ウス の X 位 置 は 182 に な り 、 マ ウス の Y 位 置 は 114 に 
な り ま す 。 






ステ ー ジ の 基準 点 (0.0) 


ムー ビー クリ ッ プ の 基準 点 (0.0) 


(182,114) 


ムー ピー クリ ッ ジ ) 





9- う 


ヨメ パ ユイ 





(表示 エリ ア ) 








Pk マウ ス の 位置 の 取得 方 法 
マウ ス の 横 軸 を 取得 
mouseX 


マウ ス の 縦 軸 を 取得 


mouseY 


マウ ス の 位置 を 取得 する 方 法 を 、 い くつ か の 場合 に 分 け て 紹介 し 
ます 。 





田 メ イン タイ ムラ イン 上 か ら マ ウス の 位置 を 取得 展 
// マ ウス の 位置 を 出力 す 
コメ イン タイ ムラ イン の マウ ス の 位置 を 取得 | eee マウ ス の XP+mouseX 
| trace(" マ ウス の Y 軸 :" + mouseY): 




















ムー ビー クリ ッ プ (イン スタ ンス 名 : mc) 内 の マウ ス の 位置 
を 取得 

これ を [mouseX2.fla] の よう に 、 メ イン タイ ムラ イン の action レ 
イヤ ー を 見 て くだ さい 。 

ENTER_FRAME と trace を 使っ て 、 常 に マウ ス の 位置 を 計測 で き 
る プロ グラ ム を 用 意 し まし た 。 





/ ム ー ビ ー ク リッ プ 内 の マウ ス の 位置 を 出力 する 
trace(" マ ウス の X 軸 :" + mc.mouseX): 
trace(" マ ウス の Y 軸 :" + mc.mouseY): 
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' 弄 ム ー ビ ー ク リッ プ の 中 か ら マ ウス の 位置 を 取得 





ムー ビー クリ ッ プ 内 の マウ ス の 位置 を 取得 

「 ロ メイ ンタ イム ライ ン の マウ ス の 位置 を 取得 ] で 使用 し た も の と 
同じ ActionScript を ムー ビー クリ ッ プ 内 の タイ ムラ イン に 記述 す 
る と 値 が 取得 で きま す 。 























ムー ビー クリ ッ プ の 中 か ら 、1 階 層 上 の マウ ス の 位置 を 取得 
これ を [mouseX3.fla] の よう に 、 メ イン タイ ムラ イン 上 の ムー ビー 
クリ ッ プ mc の 中 の action レイ ヤー を 見 て くだ さい 。 
ENTER_FRAME と trace を 使っ て 、 常 に マウ ス の 位置 を 計測 で き 
る プロ グラ ム を 用 意 し まし た 。 


ムー ビー クリ ッ プ の 中 か ら 、 メ イン タイ ムラ イン の マウ ス の 
位置 を 取得 
また 、 ム ー ビ ー ク リッ プ が 複数 の 入れ 子 状態 で ある 場合 、 た と えば 、 
2 階層 以上 入れ 子 の 中 の ムー ビー クリ ッ プ か ら メ イン タイ ムラ イ 
ン 上 の マウ ス の 位置 を 取得 する 場合 は 、 こ の よう に 「root」 と いう 
プロ パテ ィ を 使う と 、 メ イン タイ ムラ イン 上 の マウ ス の 位置 が 取 
得 で きま す 。 


ぁみ サン ブル : マウ ス に つい て くる キャ ラク ター 





| 7 マウ ス の 位置 を 出力 する | 
| ace(* マウ ス の X 軸 :" + mouseX): 
| trace(" マ ウス の Y 軸 :"+ mouseY)i 








ムー ビー クリ ッ プ の 1 階層 上 の マウ ス の 位置 を 

出力 する | 
trace(" マ ウス の X 軸 :"+ parent.mouseX): | 
trace(" マ ウス の Y 軸 :"+ parent.mouseY): | 


ーー ] 

メイ ンタ イム ライ ン 上 の マウ ス の 位置 を 出力 する | 

trace(" マ ウス の X 輸 :" + root.mouseX): | 
trace(" マ ウス の Y 軸 :"+root.mouseY)i 





mouseX と mouseY を 使っ て 、 マ ウス に つい て くる キャ ラク ター の サン プル を 作り まし ょ う 。 
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サン プル 例 


繰り 返し 呼ば れる function 
function mousePos(ev:Even0t 

N マウ ス の 位置 に キャ ラク ター を 表示 
chara.x = mOuSeX: 

chara.y = mouseYi 


// 紹 り 返す 関数 を 指定 
addEventListener(Event.ENTEH_FRAME, mousePos): 


マウ ス を 移動 させ る と 、 キ ャ ラク ター も つい て 移動 する 












ActionScript で の サウ ンド の 制御 


Flash で は サウ ンド を タイ ムラ イン に 埋め 込む だ け で な く 、 サ ウン ド を 動 的 に 制御 する こと も 
で きま す 。 ラ イブ ラリ 内 の 音声 デー タ を リン ケー ジ 設 定 し て お く こ と で 、 任 意 の サウ ンド を 
ActionScript で 呼び 出す こと が 可能 に な り ま す 。 





ププ SWF フ ァイル 




















2) 


ExIP ゃ Ezl 

















音声 アイ テム の リン ケー ジ 設 定 を 行う 
ライ ブラ リ 内 の サウ ンド デー タ を ActionScript で 呼び 出せ る よう に する た め に 、 
リン ケー ジ 設 定 を 行い ます 。 








と リン ケー ジ 設 定 を 行う 


プロ グラ ム で サウ ンド を 制御 する た め に は 、 リ ン ケ ー ジ の 設 
定 を 行う 必要 が あり ます 。 こ れ に より プロ グラ ム に よる サウ 
ンド の 制御 が 可能 に な り ま す 。 

ライ ブラ リ 内 の 音声 アイ テム を 選択 し 、 右 クリ ッ ク メ ニュ ー 
か ら [プロ パテ ィ .… ] を 選び ます 。 


[サウ ンド プロ パテ ィ ] ウィ ンド ウ 内 で 、 リ ン ケ ー ジ の 設定 を 
行い ます 。 

「ActionScript 用 に 書き 出し 」 を 選択 する と 、 リ ン ケ ー ジ に 関 
連 す る 各 設定 項目 が 編集 可能 に な り ま す 。 

「 ク ラス 」 の 項目 に 表示 され て いる 文字 列 が 、 プ ログ ラム で こ 
の サウ ンド を 呼び 出す 際 に 使用 する 名 前 と な り ま す 。 こ こ で 
は 「BgmSound] と し まし た 。 

これ に より 、Sound ク ラス を 継承 し た クラ ス 「BgmSound] 
が 作ら れ ま す 。 
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サウ ンド る 動 的 に 呼び 出す 


リン ケー ジ 設 定 を 行っ た ライ ブラ リ 内 の サウ ンド デー タ を 、 


ActionScript で 動 的 に 呼び 出し ます 。 








ぁ p サウ ンド る 動 的 に 再生 する 


2 故 定 を 生 0 M RSy | var bgm_sound = new BgmSound(): 
「new リン ケー ジ で 設定 し た クラ ス 名 ()] | や リン ケー ジ 設 定 し た サウ ンド 「BgmSound| を Sound イ ンス タン ス と し て 取得 
と する こと で 、 呼 び 出す こと が で きま す 。 | bgm_sound.play(): 

呼び 出し た サウ ンド を 再生 する に は 、 っ = ーー ーー 
Sound イ ンス タン ス の 持つ メソ ッ ド 

「play( )] を 呼び ます 。 








pb 再生 し た サウ ンド を 停止 する 


再生 し た サウ ンド を 制御 する に は 、 ー 


yar bgm_sound = new BgmSound(): 
SoundChannel ク ラス を 利用 し ます 。 yar sound_channel = bgm_sound.play(): 


再生 し た サウ ンド の SoundChannel イ ン 人 戻り 値 か ら SoundChannel イ ンス タン ス を 取得 
スタ ンス は 、Sound.play( ) の 戻り 値 と し 
d_channel.stop(): を 再生 中 の サウ ンド を 停 上 
て 取得 する こと が 可能 で す 。 ae ao こい MAC = = 





取得 し た SoundChannel イ ンス タン ス の 
「stop( )] メソ ッ ド を 呼ぶ こと で 、 再 生 中 
の サウ ンド を 停止 する こと が で きま す 。 


pb 再生 中 の サウ ンド の 音量 を 調整 する 


再生 中 の サウ ンド の 音量 の 調整 は 、 
SoundChannel イ ンス タン ス の プロ パ 
ティ 「soundTransform」 を 変更 する こと 








var bgm_sound = new BgmSound(): 
var sound_channel = bgm_sound.play(): 


< 行う こと が で きま す 。 sound_channel.soundTransform = new SoundTransform(0.7.1): 
で 行う こと が で き に 再生 中 の サウ ンド の 音量 を 709%6 で 、 完 全 に 右 の スピ ー カ ー に バン し て いる 状態 
「soundTransform] プロ パテ ィ に は に する 


SoundTransform イ ンス タン ス が 格納 さ ニー ニー ニー ーー = 
れ て いる の で 、 自 分 で SoundTransform 
イン スタ ンス を 作成 する こと で 、 音 量 や 
スピ ー カ ー の パン の 設定 を 行う こと が で 
きま す 。 

生成 時 の 第 1 引数 が ボリ ュー ム の 設定 値 
と な り 、0( 和 無音) 一 1( フ ル ボ リュ ー ム ) の 
間 の 数 値 を 入れ る こと が で きま す 。 

また 、 生 成 時 の 第 2 引数 は スピ ー カ ー の 
パン の 設定 値 と な っ て いて 、-1 (完全 に 
左 へ パン )ー~ 1( 完 全 に 右 へ パン ) の 間 の 
数 値 を 入れ る こと が で きま す 。 

な お 、0 を 指定 する と パン が 無い 状態 に 
な り ま す 。 











! 和 キ 





外部 の サウ ンド を 読み 込ん で 再生 する 


Sound ク ラス の メソ ッ ド 「Sound.load( )] を 利用 する こと で 、 ラ イブ ラリ 内 の 音声 ファ イル だ け で な く 、 
SWF の 外部 に ある 音声 デー タ を 読み 込ん で 制御 する こと が 可能 で す 。 











ぁ b 音声 ファ イル を 読み 込ん で 再生 する 


Sound ク ラス の メソ ッ ド 「Sound.load()] 「 
を 使う こと で 、Sound イ ンス タン ス に 人 外部 
の mp3 フ ァイル を 読み 込む こと が で きま sound.addEventListener(Event.COMPLETE,onLoadSound): 
す 。 読み 込ん だ 音声 デー タ は Sound イ ンス 





var sound = new Sound():// 空 の Sound イン スタ ンス を 作成 


var url_req =new URLRequest("sound.mp3")// ファ イル の URL を 指定 


タン ス と し て 、 再 生 ・ 音 量 調整 な どの 制御 sound.oad(url_req):// 音声 ファ イル の 読み 込み 
を ActionScript で 行う こと が 可能 で す 。 ま 
た 、Sound.load( ) を 利用 する 際 に は 、 フ ァ function onLoadSound(even1):voidt 
イル の URL を URLRequest イ ンス タン ス 
に し て 引数 に 指定 する 必要 が あり ます 。 sound.play():// 読み 込ん だ 音声 デー タ の 再生 
URLRequest に つい て は 、 詳 し く は [5-9 } 

Loader] で 解説 し ます 。 


Sound.removeEventListener(Event.COMPLETE,onLoadSound): 











プ SWF フ ァイル 






MP3 
外部 mp3 ファ イル 
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2 キ ー で 操作 する 


Flash で は マウ ス で の 操作 だ け 
で な く 、 キ ー ボ ー ド か ら の 入力 
情報 を 受け 取る こと が 可能 で 
す 。 こ こ で は 、ActionScript で 






プ SWF ファ イル 


②KeyboardEvent の 発行 





① 入 力 情報 を 


キー 入力 情報 を 感知 する 方 法 を 申 ce 

解説 し ます 。 
- KeyboardEvent ク ラス が 使わ れれ て いる サン プル 」 合わ せ て 読む と 便利 な 項目 
- 較 PRACTICEB : キー ボー ド で キャ ラク ター を ! 還 ク ラス wm 23 
操作 する no あ がい 2 NASsa さこ gear P278 へ 1 画 イベ ン ト の 指 念 回 は 





キー ボー ド の 入力 情報 を 取得 する 
ユー ザー に よる キー ボー ド へ の 入力 は 、 
KeyboardEvent ク ラス 、Keyboard クラ ス を 用 いて 感知 する こと が で きま す 。 





ぁ pk キー ボー ド が 押さ れ た こと を 感知 する 


キー ボー ド が 押さ れ た 際 の 通知 は 、KeyboardEvent.KEY_DOWN に 対し て リス ナー を 登録 する こと で 、 受 け 取 る こと 
が 可能 で す 。Flash 上 の どこ に フォ ー カ ス が あたっ て いる か に 関わ ら ず 常に キー ボー ド の 状況 を 感知 し た い 場 合 は 、 
stage プロ パテ ィ に 対し て リス ナー を 登録 し ます 。 


出力 結果 


stage.addEventListener(KeyboardEvent.KEY_DOWN,onKeyboardDown): 


function onKeyboardDown(event rec 
trace(" キ ー が 押さ れ まし た "): RodRG40 ま UE 








また 、KeyboardEvent.KEY_UP に 対し て リス ナー を 登録 する こと で 、 キ ー が 離さ れ た 際 の 通知 を 受け 取る こと が 可能 で す 。 


stage-addEventListener(KeyboardEvent.KEY_UP,onKeyboardUp): 出力 結果 


| function onKeyboardUp(eyent 
trace(" キ ー が 離さ れ ま し た "): 
M 














どの キー が 押さ れ た か 判定 する 


KeyboardEvent の プロ パテ 





ィ 「keyCodel を 用 いて 、 キ ー ボ ー 


ぁ ぁ 押さ れ た キー の キー コー ド を 取得 する 


発行 され た KeyboardEvent の プロ パテ ィ 「keyCode」 を 参照 する こと で 、 ど の キー が 押さ れ た の か 調べ る こと が 可能 で 
す 。 こ こ で は 、「 キ ー コ ー ド ] と 呼ば れる 、 キ ー ご と に 個別 に 割り 当て られ た 整数 が 取得 で きま す 。 


stage.addEventListener(KeyboardEvent.KEY_DOWN,onKeyboardDown): 


| function onKeyboardDown(event)t 


var key_code = event.keyCode: // 押さ れ た キー の キー コー ド を 取得 
+ key_code + "の キー が 押さ れ ま し た "): 


trace(" キ ー コ ー ド が " 
| } 


pb Keyboard クラ ス の 定数 を 利用 する 


Keyboard クラ ス は 、 主 な キー の キー コー ド を 定数 と し て 持っ て いま す 。 


| trace(Keyboard.SPACE): 年 スペ ー ス キー の キー コ 
| trace(Keyboard.DOWN) e 下 方 向 の 和 失 印 キー の キ 


Keyboard クラ ス が 持つ 定数 の 主 な キー コー ド 





ド の どの キー が 押さ れ た か を 判定 し ます 。 





出力 結果 





キー コー ド が 16 の キー が 押さ れ ま し た 



















































































定数 名 キー | キー コー ド | | 定数 名 に | キー コード 
BACKSPACE | Backspace キー 8 NUMPAD_6 | テン キー - の 6 キー 102 | 
| CAPS-LoOK Capstok キ ー 20| NUMPAD_7 | テン キー の 7 キー | 103 | 
CONTROL trl キ ー ーー | 17| |NUMPAD_g | テン キー の 8 キー | 104l 
lpELErE 。 | Delete キ ー | | NUMPAD_9 | テン キー の 9 キー | 105 | 
| DOWN 5 | 下 生き 矢印 ネー 40 | NUMPAD_ADD | テン キー の 加算 キー | 107 
END | End キ ー S5 |NUMPAD_DECIMAL | テン キー の 小数 京 キー| 110 
|ENTER |Enter= ニ - | tal | NUMPAD」 plvlDE | テン キー の 除算 キー 111 
| ESCAPE |Ese キ ー 。 | 7) NUMPAD_ENTER 」 テン キー - の Enter キ ー| 108 
| HOME Home キー 36| | NUMPAD_MULTIPLY テン キー の 乗算 キー 106 
| INSERT | ims キー | 45| | NUMPAD_SUBTRACT | テン キー の 小 産 キー 109 
|tEFT | を 向き 失 還 キー 。 | 37 PAeEDoWM Pagepown キ ーー 34 | 
INUMPAD_0 一 | ラン キー の 0 キー ] 。 96 PAeEUP 」 PageUp キ ー | 較 89 | 
| NUMPAD_1 テン キー の 1 キー | 97 ReHr 、 | 有 有 向き 笑 印 キー | 39 
NUMPAD_2 テン キー の 2 キー | 98| |SHFT 。 |shiW キ ー | il 
NUMPAD_3 テン キー の 8 キー 99| spPAcE スペ ー ス バー | 32 
NUMPAD_4 テン キー の 4 キー 1oo | | AB 縛 _ 還 | sb キ ー 1 9| 
| NUMPAD_5 テン キー の 5 キー 101| UP | 上 向き 矢印 キー | sal 
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pb 特定 の キー が 押さ れ た 際 の 処理 


if 文 を 用 いて 、 押 され た キー の キー コー ド と 任意 の キー コー ド を 比較 する こと で 、 特 定 の キー が 押さ れ た 場合 の み 実 行 


され る 処理 を 作る こと が 可能 で す 。 


stage.addEventListener(KeyboardEvent.KEY_DOWN,onKeyboardDowni: 


function onKeyboardDown(even0t 
var key_code = event.keyCodei | 
if(key_code == Keyboard.SPACE){ 
trace(" ス ペー スパ バー が 押さ れ ま し た "): 








pb 左右 矢印 キー で ムー ビー クリ ッ プ を 動か す 


Keyboard クラ ス の 定数 を 使っ て 、 左 矢印 キー、 右 矢印 キー 
の 入力 で 画面 上 の ムー ビー クリ ッ プ を 動か す 仕 組み を 作成 し 
ます 。 

前 ペー ジ の 表 に ある よう に 、Keyboard ク ラス は 、 右 向き 矢 
印 キ 一 に は 「RIGHT」、 左 向き 矢印 キー に は 「LEFT]」 と いう 
キー コー ド を それ ぞ れ 定数 と し て 持っ て いま す 。 こ れ と F 文 
に よる 条件 分 岐 を 組み 合わ せる こと で 、 特 定 キー 入力 で の ムー 
ビー クリ ッ プ の 操作 を 実現 し ます 。 








左 矢 印 キ 一 入力 で 右 矢印 キ 一 入力 で 
左 に 10px 移 動 右 に 10px 移 動 








stage.addEventListener(KeyboardEvent.KEY_DOWN,onKeyboardDown): 


function onKeyboardDown(eyenDt 
var key_code = event.keyCode:/ 押さ れ た キー の キー コー ド を 取得 


if(key_code == Keyboard.LEFT){// キ ー コ ー ド が 左 矢印 キー と 同じ も の か 判定 


chara_mc.*-= 10: 
}else if(key_code == Keyboard.RIGHT){(// キ ー コ ー ド が 右 矢印 キー と 同じ も の か 判定 





chara_mc.x+= 10: 


} 
} 











jr る 





Loader 


外部 イメ ー ジ を 読み 込む に は Loader ク ラス を 使い ます 。Loader ク ラス が 扱え る 外部 イメ ー 
ジ は JPEG、PNG、GIF、SWF で す 。Loader ク ラス を 使う に は その 他 、URLRequest ク ラス 
や イベ ント の 概念 な ども 必要 に な っ て きま す の で 、 合 わせ て 勉強 し て くだ さい 。 な お 、 外 部 
の XML な ど テ キス ト 情 報 の 読み 込み は URLLoader クラ ス を 使い ます の で 、 そ ちら を 参照 し 
て くだ さい 。 


Flash 









URLRequest 







外部 ファ イル 
(JPEG、PNG、GIF、SWF) 





URL を 渡す 
ニー ニー ュー っ 






イベ ント の 登録 
(addEventListener) 







イベ ント の 発行 
(Event.COMPLETE) 
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Loader ク ラス の 基本 的 な 使い 方 


Loader ク ラス は 外部 ファ イル を 読み 込む 機能 が ある の で す が 、 外 部 ファ イル の URL 情報 は URLRequest ク ラス が 








持っ て いま す 。Loader クラ ス を 使う と き は 、URLRequest ク ラス を 一 緒 に 使い ます 。 











URLRequest Loader 





外部 ファ イル 








URL 情報 を 持っ て いる 外部 ファ イル を 読み込む 





1. まず は Loader ク ラス を イン スタ ンス 化し ます 。 





var myLoader = new Loader(): 





2. 次 に URLRequest ク ラス を イン スタ ンス 化し ます 。 
URL 情報 を Loader ク ラス に 渡す と き は 、 か な ら ず この 





//dog.jPD9 と いう ファ イル を 読み 込む 
var myRequest = new URLRequest("dog.jpg'): 





URLRequest ク ラス が 必要 に な り ま す 。 





3. Loader ク ラス 内 の メソ ッ ド load を 呼び 出し ます 。 





myLoader.load(myRequest): 








この ロー ド の 際 に URLRequest ク ラス の イン スタ ンス を 
引数 に 渡し て あげ ます 。 








4. 最後 に Loader ク ラス を 画面 に 配置 し ます 。 こ れ を し な い 
と 画面 上 に 表示 され ませ ん 。 





addChild(myLoader): 











5. すべ て の コー ド を 書く と この よう に な り ま す 。 


/Loader ク ラス の イン スタ ンス 化 

var myLoader = new Loader(): 

URLRequest ク ラス の イン スタ ンス 化 

var myRequest = new UHLRequest("dog.jpg'): 
/ 外 部 ファ イル の 読み 込み 開始 
myLoader.load(myRequest): 

画面 に 配置 

addChild(myLoader): 














8 








イメ ー ジ 読み 込み 完了 イベ ント を 受け 取る 


前 ペー ジ の や り 方 で も イメ ー ジ を 読み 込む こと が で きま す 。 
た だ し 、 イ メー ジ が いつ 読み 込み 終わ っ た の か の タイ ミン グ を 知る こと は で きま せん 。 
画像 の 大 き さ を 変更 する に は ファ イル の 読み 込み が 終わ っ て か ら 行 う 必 要 が ある の で 、 そ の 処理 を 紹介 し ます 。 











イベ ント の 発行 
(Event.COMPLETE) 画像 は Loader クラ ス 
内 に 読み 込ま れる 
loadHandler Loader 
/ contentLoaderinfo を 参照 
yar contentlInfo = evt.iarqet 
contentLoaderlnfo 
loader を 参照 
var loader = contentInfo.loader 


/ loader 内 に ある 画像 の 大 き さ を 変更 
loaderscaleX=0.5 











1. 前 ペー ジ の コー ド に Event.COMPLETE の イベ ント を 受け 取る 処理 を 追加 し ます 。 た だ し ここ で は Loader ク ラス 内 
に ある contentLoaderInfo プロ パテ ィ に 対し て addEventListener を 行い ます 。 
contentLoaderlnfo は ファ イル 容量 や 幅 、 高 さ な ど の 情報 を 含ん で いま す 。 


ーー ーー 


| var myLoader = new Loader(): 

var myRequest = new URLRequest("dog.jpg"): 

| myLoader.contentLoaderlnfo.addEventListener(Event.COMPLETE, loadHandler): 
| 信 イメ ー ジ が ロー ド 完 了 し た と き の イ ト を 登録 
| myLoader.load(myRequest1): 

| addChild(myLoader): 








2. 手順 1 で 設定 し た イベ ント を 受け 取る 処理 を 書き ます 。 


function loadHandler(ev1) { 


} 


3. loadHanlder 内 に 画像 の 大 き さ を 変更 する 処理 を 書き ます 。evt 引 数 の 中 に は target と いう プロ パテ ィ が 含ま れ て お 
り 、 そ こ に は contentLoaderlnfo の 参照 が 含ま れ て いま す 。 


| function loadHandler(evt) { 

| varloaderlnfo = evt.targeti を eevt.target が contentLoaderlnfo を 指す 
| var loader = loaderlnfo.loaderi 

| 信 contentLoaderlnfo 内 に は 





画像 の 入っ て いる Loader の こ 
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プリ ロー ダー を 作成 する 
contentLoaderInfo で は イメ ー ジ の ロー ド 完 了 イ ベン ト 以 外 に 、 現 在 読み 込ま れ て いる ファ イル サイ ズ を 知る こと 
が で きま す 。 イ メー ジ 読 み 込み 完了 に は Event ク ラス を 使い まし た が 、 今 回 は ProgressEvent ク ラス を 使用 し ます 。 

















Loader 


Event.PROGRESS 





ファ イル が 読み 込ま れる た びに イベ ント を 発行 する 








1. contentLoaderInfo に ProgressEvent.PROGRESS と いう イベ ント を 登録 し ます 。 


var myLoader = new Loader(): 

var myRequest = new URLRequest("dog.jpd'): 

myLoader.contentLoaderlnfo.addEventListener(ProgressEvent.PROGRESS, progressHandler): 
信 ProgressEvent.PROGRESS イベ ント は ファ イル が 少し ずつ 読み 込ま れる た びに 呼び 出さ れる 

myLoader.load(myRequest): 

addChild(myLoader): 








2. 受け 取る 側 の 引数 evt 内 に bytesLoaded と bytesTotal と いう プロ バテ ィ が あり ます 。 こ れ ら を も と に 何 パ ー セ ント 
読み 込ま れ て いる か を 計算 し ます 。 


function progressHandler(evt){ | 





/ パー セン ト = 現在 読み 込ま れ て いる ファ イル サイ ズ エ すべ て の ファ イル サイ ズ x 100 
var percent = evt.bytesLoaded / evt.bytesTotal * 100: 
trace(percent + " 読み 込ま れ ま し た 。「') | 





3. すべ て の コー ド を 合わ せる と この よう に な り ま す 。 
var myLoader = new Loader(): 

var myRequest =new URLRequest("dog.jPg"): 
myLoader.contentLoaderlnfo.addEventListener(ProgressEvent.PROGRESS, progressHandler: 
myLoader load(myRequest1): 

ョ ddChild(myLoader): 





| function progressHandler(evt){ | 
varpercent=evt.bytesLoaded/evt.bytesTotal * 100: 
trace(percent + "読み 込ま れ ま し た 。") 
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URLLoader 


外部 デー タ を 読み 込む に は URLLoader クラ ス を 使い ます 。URLLoader は アク セス で きる 外 
部 ファ イル で あれ ば 、 ど の よう な 種類 の ファ イル も 読み 込み で きま す が 、 通 常 は テキ スト ファ 
イル や XML ファ イル な どの 文字 情報 の 読み 込み に 利用 し ます 。URLLoader ク ラス を 使う に 
は その 他 、URLRequest ク ラス や イベ ント の 概念 な ども 必要 に な っ て きま す の で 、 合 わせ て 
勉強 し て くだ さい 。 な お 、SWF や 画像 ファ イル を 読み 込む に は Loader ク ラス を 使う ほう が 
一 般 的 で す の で 、 そ ちら を 参照 し て くだ さい 。 


Flash 






あー の URLLoader 
URLRequest ag で 





。 URL を 渡す 
隔 ーー か - 








外部 ファ イル 
( 主 に テキ スト ファ イル ) 






イベ ント の 登録 
(addEventListener) 







イベ ント の 発行 
(Event.COMPLETE) 





デー タ の 取得 
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URLLoader の 基本 的 な 使い 方 
先ほど も 書き まし た が 、URLLoader を 使う に は URLRequest ク ラス な ど と 一 緒 に 使う 必要 が あり ます 。 
使い 方 の 流れ を きち ん と 把握 し て くだ さい 。 





1. まず は URLLoader ク ラス を 初期 化し 、URLLoader 
の イン スタ ンス を 生成 し ます 。 


2. 読み 込む デー タ の 種類 を 指定 し ます 。 
テキ スト 情報 を 読み 込む URLLoaderDataFormat. 
TEXT の ほか 、 バ イナ リ デ ー タ な ど を 読み 込む た め の 
URLLoaderDataFormat.BINARY と URL エン コー ド 
形式 の 変数 を 読み 込む た め の URLLoaderDataFormat. 
VARIABLES を 指定 可能 で す 。 


3. 次 に 、URLRequest ク ラス を イン スタ ンス 化し 、 
URLRequest の イン スタ ンス を 生成 し ます 。 
URL 情報 を URLLoader に 渡す と き は 、 必 ず こ の 
URLRequest イ ンス タン ス が 必要 に な り ま す 。 


4.URLLoader イ ンス タン ス の メソ ッ ド load を 呼び 出 
し ます 。 ロ ー ド の と き に URLRequest イ ンス タン ス 
を 引数 に 渡し て あげ ます 。 





5. すべ て の コー ド を 書く と 右 の よう に な り ま す 。 











var urlLoader = new URLLoader(): 








se ] 
urlLoader.dataFormat = URLLoaderDataFormat.TEXT: | 


var req =new URLRequest("data.xml"): 





ョ マ n ユ ココ ヨイ 


urlLoader.ioad(redq): 








var urlLoader = new URLLoader(): 
urlLoader.dataFormat = URLLoaderDataFormat.TEXTi 
varreq=new URLRequest("data.xml"): 

urlLoader.load(req): 

















ミ 志 吉 ーー」 Ne 

読み 込み 完了 イベ ント を 受け 取る 

前 ペー ジ の 方 法 で デー タ を 読み 込む まで は で きま す が 、 デ ー タ が いつ 読み 込み 終わ っ た の か の タイ ミン グ を 知る こ 
と は で きま せん 。 デ ー タ の 内 容 を 取得 する に は 読み 込み 終わ っ て か ら で な いと で き な い の で 、 こ の 読み 込み 終わ り 
の タイ ミン グ を 受け 取る 処理 を 紹介 し ます 。 











1. 前 ペー ジ の コー ド に Event.COMPLETE の イベ ント を 受け 取る 処理 を 追加 し ます 。 
URLLoader イ ンス タン ス に 対し て 、addEventListener を 行い ます 。 


urlLoaderaddEventListener(EyentCOMPLETE, urlLoader_completeHandler): 





2. 手順 1 で 設定 し た イベ ント を 受け 取る 処理 を 書き ます 。 


function xmlLoader_completeHandler(ev1) 
{ 


} 


3. urlLoader_completeHandler 内 に 、 ダ ウン ロー ド し た デー タ を 取得 する 処理 を 書き ます 。 
evt 引 数 の 中 に は target と いう プロ パテ ィ が 含ま れ て お り 、 そ こ に は URLLoader イ ンス タン ス の 参照 が 含ま れ て いま 
す 。 そ し て 、 ダ ウン ロー ド し て 取得 し た デー タ は URLLoader イ ンス タン ス の data プロ パテ ィ に 格納 され て いま す 。 


evt.target 


4. すべ て の コー ド を 合わ せる と この よう に な り ま す 。 


| var urlLoader = new URLLoader(): 
| urlLoader.dataFormat = URLLoaderDataFormat.TEXTT 
] urlLoader.addEventListener(Event.COMPLETE, urlLoader_completeHandler): 
| varreq = new URLRequest("data.xml"): 
urlLoader.load(req): 


function urlLoader_completeHandler(evt) | 
{ 

var textData = evt.target.datai 
} 
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XML を 解析 する 


読み 込ん だ テキ スト デー タ に つい て 、 
読み 込み 完了 後に 必要 な デー タ を 取得 する た め の 処理 を 行い ます 。 











ダウ ン ロ ー ド し た デー タ が XML の 場合 は 、 そ 
れ を 使っ て XML オブ ジェ クト を 作成 し 、XML 
情報 を 解析 し て 必要 な デー タ を 取り 出す こと 
に な り ま す 。 

な お 、 読 み 込 む XML デ ー タ は 右 の よう な も の 
と し 、 そ の 中 で item ノ ー ド の name 属 性 と 、 
item ノ ー ド の 子 テ キス トノ ー ド の デー タ を 抽 
出す る こと に し ます 。 


XML 構造 を 図示 する と 、 次 の よう に な り ま す 。 





<?xml version="1.0" encoding="UTF-8"?> 
<data> 
<item name="mike"><![CDATA[ よ ろ し く お 願 いし ます 。 ]]></item> 
<item name="5i"><![CDATA[ こ ん に ち は 。 ]]></item> 
| <item name="ken"><![CDATA[ ご 無 沙汰 し て ます 。 ]]></item> 
| <item name="erika"><![CDATA[ お は よう 。]]></item> 
<item name="tom"><![CDATA[ ま た 会 いま し ょ う 。]]></item> 
</data> 














"よろ し く お 願 いし ます 。" 


ーーーーー"1 


| 
mike | 


] bil 





| PD 
暫 還 詞 アト リピ ュー ト 





[| | テキ スト ノー ド 


| アトリビュート の 値 














oN 


読み 込ん だ テキ スト デー タ を 引数 と し て 
XML オブ ジェ クト を 作成 し ます 。 


2.item ノ ー ド の name 属 性 を すべ て 取得 する 
場合 の 処理 を 記述 し ます 。 
3.item ノ ー ド の 子 テ キス トノ ー ド を すべ て 取 


得する 場合 の 処理 を 記述 し ます 。 


た 


.・ す べ て の コー ド を 合わ せる と この よう に な 
り ま す 。 


166 PAxrT 2 flash を 学ぶ 








yar xml = new XML(textData): 








for each(yar itemXml in xml.item) 
var name = itemXml.@namei 


} 


for each(yar itemXml in xmlitem) 
【 
var message = itemXml.text(): 


} 


function urlLoader_completeHandler(ev1) | 
{ 
var textData = evt.tarqet.datax 
var xml = new XML(textData): 


for each(var itemXml in xmlitem) 


trace(itemXml.@name): 
irace(itemXml.tex0: 


: よろ し く お 願 いし ます 。 
: こん に ち は 。 


: ご 無 沙汰 し て ます 。 
: お は よう 。 
: tom 
メッ セー ジ : また 会 いま し ょ よう 。 


















navigateToURL() 


Flash か ら ブ ラウ ザ の ウイ ンド ウ を 新しく 開い て HTML ペ ー ジ を 表示 させ る 、 ま た は 同じ ペー 
ジ 内 に HTML を 置き 換え る と き に 使う の が 、navigateToURL( ) メ ソ ッ ド で す 。 リ ンク を 作 
る よう な イメ ー ジ な の で 、Flash バ ナー を 作る 際 に も 使用 で きま す 。 こ こ で は 、 こ の 
navigateToURL( ) メソ ッ ド の 使い 方 を 見 て いき まし ょ う 。 


navigateToURL() が 使わ れ て いる サン プル 
慎 PRACTICE 2 : HTML ペ ー ジ を 切り 替え る 仕組 み を 作る ・ 





EE SF 


navigateToURL( ) メ ソ ッ ド の 使い 方 


navigateToURL( ) メソ ッ ド は 、 第 1 引数 に 移動 先 の URL が プロ パテ ィ と し て 設定 され て いる 
URLRequest ク ラス の オブ ジェ クト 、 第 2 引数 に ウイ ンド ウ 名 を 指定 し ます 。 





使い 方 
navigateToURL(URLRequest オ プ ジ ェ クト , ウイ ンド ウ 名 ): 


※ 移 動 先 の URL や 、 ヘ ッ ダ 名 、 デ ー タ 送信 方 法 な ど は 、URLRequest オ ブ ジ ェクト の プロ パテ ィ で 設定 し ます 。 


btn_mc.addEventListener(MouseEvent.CLICK, openNewWindow): 寺 - トリ スナ の 登録 


」function openNewWindow(svenDt 
var myRequest:URLRequest=new URLRequest(): 和 UR LRequ est オ ブ 
myRequest.url = "http:/www.cshooljp/": 年 URLF 0 
| navigateToURL(myRequest, "_blank"): 年 プラ ウザ 








ウイ ンド ウ 名 の 部 分 は 、 フ レー ム 名 で も よい で すし 、 上 の サン プル の よう に 、"_blank"、"_self"、"_parent"、"_top" 
と いう 形 で も 指定 で きま す 。 ウ イン ドウ 名 を 指定 し な い 場 合 は 、"_blank" が デフ ォ ル ト 値 と な り ま す 。 


ef 。 | 現在 の ウィ ンド ウ 内 の 現在 の フレ ー ム 


_blank | 新規 ウィ ンド ウー ーー 
_parent 現在 の フレ ー ム の 親 





| op 。 | 現在 の ウィ ンド ウ 内 の 最上 位 の フレ ー ム 











pb navigateToURL( ) メソ ッ ド の 応用 


navigateToURL( ) メソッド は 、 他 に も メー ル 作 成 画面 を 開い た り 、 ま た CGI な ど に HTTP/HTTPS リク エス ト を する 際 
の メソ ッ ド を 指定 する こと も で きま す 。 


⑱ メール 作成 画面 を 開く 
メー ル 作 成 画面 を 開く に は 、URLRequest の ur| プロ パテ ィ に 、mailto: (メー ル ア ド レス ) を 入れ ます 。 


btn_mc. NBV6UI9tT9Y1NOG9GEV8THB CLICK, oreateNewMai0: を 和 を イベ ント リス ナ の 登録 


| 
」function createNewMail(sven0 | 
| varmyRequesttURLRequest = new URLRequest(): 生 URLRequest オ プ ジ ェ クト を 作成 | 
| myRequest.url = "mailto:test@test.com': 巡 URLRequest の プロ パテ ィ url に mailto を 代 ス 
| navigateToURL(myRequest): // メ ー ル 作成 画面 が 表示 され る 
| } 


金 GET/POST メ ソ ッ ド を 使用 し た デー タ の 送信 
フォ ー ム の デー タ な ど を GET/POST メ ソ ッ ド を 使っ て 送信 する と き は 、 デ ー タ を 格納 する URLVariables オブ ジェ クト を 
作成 し その デー タ を URLRequest の プロ パテ ィ data に 渡し ます 。 メ ソ ッ WM を 使い ます 。 





btn_mc.addEventListener(MouseEvent.CLICK, openNewWindow): や イベ ント リス ナ の 登録 





function openNewWindow(evenDt | 
| varmyData:URLVariables = new URLVariables(): 年 送信 デー タ 用 の URLVariables オブ ジェ クト を 作成 | 
myData.age = 30: 


myData.tel = "090-XXX-XXXX 





var myRequest:URLRequest=new URLRequesti 軒 URLRequest オ プ : 
myRequest.url = "http://www.hoge.com/form.cgi/": 征 URLRequest 
myRequest.method = URLRequestMethod. POST を URLReo 
myRequest.data = myDatai 符 HLRHeguest ジ フロ d 
navigateToURL(myReques1): 


ティ url に 移動 先 の URL を 代入 
method で 、 送 信 方 法 を POST に 指定 


タ を 代 








pp URLRequest オ ブ ジ ェクト の プロ パテ ィ 


URLRequest オ ブ ジ ェクト の プロ パテ ィ に は 以下 の も の が 用 意 さ れ て いま す 。 


URLRequest オ ブ ジ ェクト の プロ パテ ィ 





























デー タ 型 | 説明 
String | data プロ パテ ィ の コン テン ツ の MIME コン テン ツタ イプ | 

data ] object | URL リク エス ト で 送信 され る デー タ を 含む オブ ジェ クト | 

digest 。 smng 名 付き Adobe プラ ッ ト フ ォ ー ム コン ボー ネン ト を 一 意 に 謀 別 する スト リン グ 

method String 」HTTP プ ォ ー - ム 送信 メソ ッ ド 

requestHeaders | Array |HTTP リク エス ト ヘ ッ ダ の 配列 を HTTP リク エス ト に 追加 

url | String [| リク エス ト さ れる URL 





16 る PAxr 2 flash を 学 















ウェ ブ カ メ ラ 


Flash で は 、 コ ンピュータ に 接続 され た ウェ ブ カ メ ラ の 制御 や 、 ウ ェ ブ カメ ラ で 写し た 映像 を 
画面 に 表示 する こと が 可能 で す 。ActionScript で カメ ラ を 制御 する に は Camera ク ラス を 利 
用 し ます 。 





|swr 回 
プ SWF フ ァイル 


ーーー 

















ウェ ブ カ メ ラ の 映像 を 
Flash 上 に 表示 2 
Ne 
Camera ク ラス が 使わ れ て いる サン プル ! 合わ せ て 読む と 便利 な 項目 
_PRACTCEB: 、ー  ! 置 addChld ……… 8 
ウェ ブ カ メ ラ の 起動 と 制御 ………… P274 へ ! 置 イベ ント の 概念 


カメ ラ を ActionScript で 制御 する 
Camera ク ラス を 用 いて 、 コ ンピュータ に 接続 され た カメ ラ の 取得 や 
カメ ラ で 写し た 映像 を 画面 に 表示 する 方 法 を 解説 し ます 。 




















kp Camera イ ンス タン ス を 取得 する 


PC に 接続 され た カメ ラ を 取得 ・ 制 御 す る に は 、 
Camera クラ ス を 使用 し ます 。 
Camera.getCamera( ) を 実行 する こと で 、 Camera 
イン スタ ンス を 取得 で きま す 。 ま た 、 任 意 の 
Camera イ ンス タン ス を 取得 し た い 場 合 は 、 引 数 
に Camera イ ンス タン ス の 名 前 を 指定 し ます 。 


/Camera イ ンス タン ス を 取得 
var camera = Camera.getCamera(): 





Camera イ ンス タン ス か ら の カメ ラ へ の 
アク セス に は ユー ザー の 許可 が 必要 と な 
り ま す 。 

取得 し た Camera イ ンス タン ス が 利用 可 
能 か どう か は muted プロ パテ ィ を 参照 す 
る こと で 、 調 べ る こと が 可能 で す 。 
muted プ ロ パ ティ が true の 場合 は その 
Camera イ ンス タン ス は 利用 する こと が 
で きず 、false の 場合 は 利用 可能 と な り 
ます 。 


Camera イ ンス タン ス へ アク セス する た 
め に は 、 ユ ー ザ ー が [Flash Player の 設定 ] 
ダイ アロ グ ボ ックス で 許可 の 設定 を 行う 
必要 が あり ます 。 
Security.showSettings(Security 
Panel.PRIVACY) を 呼び 出す こと で 、 
Flash Player 上 に ダイ アロ グ を 開く こと 
が で きま す 。 


また 設定 が 変更 され た 場合 は 、Camera 
イン スタ ンス の 発行 する StatusEvent. 
STATUS に 対し て リス ナー を 登録 し て お 
く こ と で 、 イ ベン ト の 通知 を 受け 取る こ 
と が 可能 で す 。 


PAgr 2 flash を 学ぶ 


ザー に Camera イ ンス タン ス へ の アク セス を 許可 させ る 





みゆ 取得 し た Camera イ ンス タン ス が 利用 可能 か どう か 調べ る 





/Camera イ ンス タン ス を 取得 
var camera = Camera.getCamera(): 


Camera イ ンス タン ス が 利用 可能 か 判定 
if(camera.muted == true)t 

trace(" Camera イ ンス タン ス は 利用 で きま せん "): 
}elset 

trace(" 取得 し た Camera イン スタ ンス は 利用 可能 で す "): 








Camera イ ンス タン ス を 取得 

var camera= Camera.qgetCamera(): 

Camera イン スタ ンス が 利用 可能 か 判定 

ji(camera.muted == true)t 
camera.addEventListener(StatusEvent.STATUS, onStatus): 
/ 設定 ダイ アロ グ を 開く 
Security.showSettings(SecurityPanel.PRIVACY): 

〕elset 

| trace(" 取 得 し た Camera イン スタ ンス は 利用 可能 で す "): 

凍 : 


function onStatus(event){ 
//Camera イン スタ ンス が 利用 可能 か 判定 


if (camera.muted == false) { 
camera.removeEventListener(StatusEvent.STATUS, onStatus): 
trace(" 取得 し た Camera イ ンス タン ス が 利用 可能 に な り まし た "): 











プラ イバシー | 
Iacal の カメ ラ お よび マイ クウ へ の アク セス を 
すか が? 








ぁ pb 画面 上 に カメ ラ を 表示 する 


カメ ラ に 写っ て いる 映像 を 画面 上 に 表示 
する た め に は 、Camera イ ンス タン ス を 
Video イ ンス タン ス に 関連 付け る 必要 が 
あり ます 。 

表示 し た い Camera イ ンス タン ス を 引数 
に 指定 し て 、video.attachCamera( ) を 
呼び 出す こと で 、Camera イ ンス タン ス 
と Video イ ンス タン ス を 関連 付け る こと 
が で きま す 。 関連 付け られ た Video イ ン 
スタ ンス は 画面 上 に addChild( ) す る こと 
で 、 表 示 が 可能 で す 。 





//Camera イン スタ ンス を 取得 


var camera = Camera.qetCamera(): 


/7Camera イン スタ ンス が 利用 可能 か 判定 
if(camera.muted == true)t 


camera.addEventListener(StatusEvent.STATUS.onStatus): 
ダイ アロ グ ボ ックス を 開く 
Security.showSettings(SecurityPanel.PRIVACY)i 


| ]elset 


過 ) 


showVideo(): 


function onStatus(event){ 


| } 


放 (camera.muted == false)t 
camera.removeEventListener(StatusEvent.STATUS.onStatus)i 
showVideo(): 


} 


function showVideo(){( 


/ カ メラ の サイ ズ ス に 合わ せ た Video イ ンス タン ス を 作成 
varvideo=new Video(camera.width,camera.heiqh0: 
//Video イ ンス タン ス に カメ ラ の 映像 を 貼り 付け る 
video_.attachCamera(camera): 


Video イン スタ ンス を 画面 に 表示 
addChild(video): 











| 
に 
ウェ ブ カ メ ラ 
5 Camera 
イン スタ ンス 
Video イ ンス タン ス に 
カメ ラ の 映像 を 貼り 付け 


























ョ ヨゴ 0 エ う コイ 


つ 
4 
1 に 】 


! 字 ! 
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タイ ムラ イン ン ア ニ メ ー ショ ン を 作る 


表現 力 : 2 マロ グッ ダ カカ: 


バナ ー 制 作 な ど 細か い 動き の ある 表現 に は 、 タ イム ライ ン 上 で アニ メー ショ ン さ せる の が 一 般 
的 で す 。 こ の サン プル で は タイ ムラ イン で 動く アニ メー ショ ン を 作成 し 、Flash ア ニ メ ー シ ョ 
ン の 基本 を 習得 し て いき ます 。 シン ボル を タイ ムラ イン 上 に 入れ 子 構造 に し た も の を 配置 し て 、 
各 パ ー ツ を 動か し て いき ます 。 モ ーション トゥ イー ン を 使用 する と と も に 、 イ ー ジ ング を 使用 
し た 、 よ り 効 果 的 な アニ メー ショ ン 表 現 を 学ん で いき ます 。 今回 は マン ガ の コマ の 枠 を 例 に 挙 
げ て 、 マ スク に つい て も 触れ て いき ます 。 


⑯ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項 目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 





ジジ ー ム も ニ ド 

みそ ムラ イン 

シン ボル 上 の の ーー ドド ドド eee で 

アニ メー ショ ン を 作る eno P046 へ 
マス ク を 使う DEEPEYPPCUPCPPCCUCLPUOPLPCPLPCPCPLPLLLPPULCLLPUPLTLTLTLPLPLYPCCCLYCLLL P051 へ 


@⑱ この サン プル て で 学ぶ 応用 技術 


この サン プル を 通し て 、 以 下 の 応 用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な い 実 制作 で 必要 な 知識 で す 。 


シン ボル の 階層 構造 
ボー ン ツ ー ル の 使用 


flash で 作る 


サン プル の 説明 






ーー、 届 
よう や く 現れ た な 


ク ク ク ク - 


。! マン ガ の コマ ご と に 枠 の 中 身 が アニ メー ショ ン し ます 。 現在 再生 され て いる コマ 以外 は グレ ー ア ウト し て い 
ます 。 


一 段 目 の コマ の アニ メー ショ ン が 終わ っ た ら 、 次 の 段落 の コマ へ と 進み 、 マ ン ガ が 一 段 ず れる よう に し て 止 
まり ます 。 


_ 3 静止 し た 状態 か ら 、 再 び コ マ の 中 身 が アニ メー ショ ン し て いき ます 。 


2 


! ア 6 





サン プル の 構造 










メイ ンタ イム ライ ン の アニ メー ショ ン 



































トゥ イー ン の アニ メー 
ショ ン ( テ キス ト の 部 分 ) 














キャ キー キー ミー 


下 ee ek 中 中 ken 
+ 呈 中 mmmu 
gd km kmn 








キャ ラク ター の パー ツ 


。! 。 コマ の 中 の キャ ラク ター の アニ メー ショ ン で す 。 
この 部 分 で は 、 肩 ・ 腕 ・ 胴 体 な どの パー ツ ご と に 動く アニ メー ショ ン を 作成 し て いま す 。 


。 2 キャ ラク ター な どの グラ フィ ッ ク シ ン ボ ル を 配置 し て 、 コ マ 全 体 の アニ メー ショ ン を 作成 し て いき ます 。 こ 
こ で は 、 テ キス ト に トゥ イー ン ア ニメーション を 使用 し ます 。 

3 メイ ンス テー ジ に 各 コ マ を 配置 し て 、 全 体 を アニ メー ショ ン さ せま す 。 
マス ク の 使い 方 も 解説 し て いき ます 。 


PAkrT る flash で 作る 


























を 




















キャ ラク ター の 動き 


まず は 要素 と な る キャ ラク ター の 素材 を ライ ブラ リ に 読み 込み まし ょ う 。 
[ファ イル 一 読み 込み ー ラ イブ ラリ に 読み 込み ] (や ) で キャ ラク ター の 腕 の 部 分 「03_arm01.eps] を 選択 し 、[ ラ イブ ラ 


リ に 読み 込み ] を クリ ッ ク し ます (⑧)。 ライ ブラ リ に 「03_arm01.eps] が 読み 込ま れ ま し た (③)。 この 作業 を 繰り 返し て 、 


キャ ラク ター の 素材 を ライ ブラ リ に 読み 込み ます 。 





新 夫 - 閉 N 
較 く 。 WO 
Bdge で 其 細 て WO 
開 近 使 記し た だ ファ イル を 舞 く LSET 


大 じ る MMW 


すべ て 還 じ る で W 
集 邦 し 3 
保存 し て 苗 表 人 

名 靖 を 付け て 集 人 に 
テン プレ ー ト と し て 生存 .。 


すべ て 保存 
し 


パプ リッ シュ 訪 定 .… 
パプ リッ シュ プレ ビュ ー 
パプ リッ シュ 


AR 設 
ファ イル 情 幸 .。 
スク リー ン を 拓夫 
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次 に [挿入 一 新規 シン ボル ] で 新規 シン ボル の 作成 
を し ます 。 今回 は グラ フィ ッ ク シ ン ボ ル で 作成 し 
て いき ます 。[ 名 前 ] を 「4 コ マ 目 ] と し て 、[ 種 類 ] 
は 「 グ ラフ ィ ッ ク ] を 選択 し ます 。 














9 スラ イス の 系 大 7 幼小 の た め の ガ イド を 表 効 に する 





リン ケー ジ 
「 ActionScript 評 に 書き 出し 
1 フレ ー ム 目 に 書き 出し 
加 別 子 : 
クラ ス : 國 識 
琴 本 クラ ス - 同 劉 











キャ ラク ター の 素材 を 「4 コマ 目 ] グラ フィ ッ ク シ ン ボ ル の タイ ムラ イン に 配置 し て いき まし ょ う 。 

「4 コマ 目 ] グラ フィ ッ ク シ ン ボ ル の 編集 画面 に し ます 。 タ イム ライ ン の 1 フレ ー ム 目 を 選択 し (①)、 ラ イブ ラリ 内 の 素 
材 を ステ ー ジ 上 に ドラ ッ グ し ます (③)。 

タイ ムラ イン の 色 が 黒 に 変わ り 、 素 材 が 配置 され まし た (③)。 





③ 素 材 が 配置 され る 


身体 の パー ツ を 上 
レイ ヤー ご と に 
配置 


PE il 
AD 





1 アタ 。 PAgr < flash で 作る 


アニ メー ショ ン を させ る フレ ー ム を 作り ます 。 

4 フレ ー ム 目 の と ころ で 右 ク リッ ク し 、[ キ ー フ レー ム の 挿入 ] で キー フレ ー ム を 作成 し ます (①、③⑧)。 

4 フレ ー ム 目 を 選択 し た 状態 で 、 ス テー ジ 上 の オブ ジェ クト を 回 転 さ せま す (③)。 数 値 で 回 転 を 変更 する 場合 は 、[ プ ロ 
パテ ィ ] パネ ル か ら 「 変 形 ] を 選択 し 、「 回 転 ] の 数 値 を 変更 し ます 。 


③4 フ レー ム 目 を 選択 し た 状態 で オブ ジェ クト を 回 転 













ドコ 


の 
ーー テ 


ッ イ ー ン を 作成 


フレ ー ム を 狗 入 
刑 際 






























アレ ー ム を 前 刺 
キー フレ ー ム に 変 費 


き ニ ラレー ム に プロ パテ ィ バ ネル の 数 値 で 回 転 さ せる 場合 















(② キ ー フ レー ム が 挿入 され た 


回 を 繰り 返し て アニ メー ショ ン を させ た い フ レー 
識 ム ^ で キー フレ ー ム を 作成 し 、 ス テー ジ 上 の 配置 を 変 


化 さ せ て いく と アニ メー ショ ン が 完成 し ます 。 








プロ ビュー 
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まず は 、STEP 1 と 同じ 4 コマ 目 の シ ン ボ ル タ イ ムラ イン 上 に レイ ヤー(「textl) を 追加 し ます 。 次 に 12 フ レー ム か ら 
「WHOOO…」 の 文字 が 表示 され る よう 、12 フ レー ム 目 に 「 空 白 キ ー フ レー ム ] を 作成 し ます (①)。12 フ レーム 目 を 選択 
し た 状態 で 、 ラ イブ ラリ か ら 「 コ マ 3_txt.png] を ステ ー ジ 上 に ドラ ッ グ し ます (②)。 タ イム ライ ン は 12 フ レー ム 目 か ら 
表示 され る よう に な り ま し た 。 次 に 、 グ ラフ ィ ッ クシ ン ボ ル に 変換 し ます 。12 フレ ー ム 目 を 選択 し た 状態 で 、 メ ニュ ー 
の [修正 シン ボル に 変換 ] を 選び (③)、「 名 前 : シン ボル 1] を 入力 し 、「 種 類 : グラ フィ ッ ク ] を 選択 し ます (③④)。 






モー ショ ント ゥ イー ン を 作 大 
シェ イプ トゥ イー ン を 作成 

クラ シッ クト ゥ イー ン を 作成 
ラレー ム を 竹 入 . 
フレ ー ム を 前 除 
キー フレ ー ム の 洗 入 
空白 キー フレ ー ム を 手 入 


キー フレ ー ム を 間際 




























フレ ー ム を カッ ト 





1 スラ イス の まり 馬 か の た の の ガイ ド 二 間 に する 
リン ター ジ ーーーーーーーーーー テ ーー 一 











ラン タイム 失 衝 に 人 赤 計 し 
ラン タイ ム 共 導電 に 甘 め は か 









[text] レイ ヤー の タイ ムラ イン の 50 フ レー ム 目 を 選択 し 、STEP 1 と 同じ よう に 右 ク リッ ク ( も し く は 「 挿 入 」 一 「 タ イ 


ムラ イン ]) か ら 「 キ ー フ レー ム 」 を 選択 。 
同 レ イヤ ー の 34 フ ー レ ー ム を 選択 し 、 右 クリ ッ ク で [クラシック トゥ イー ン を 作成 ] を 選択 し ます (①)。 タ イム ライ ン 


が 紫色 に 変化 し 、「 一 ] が 表示 され る よう に な り ま し た (②③)。 






















人 
モー ショ ント ゥ イー ン を 作成 





MoLop 
で 02_fronLnando 
る 03_srmor 










フレ ー ム を 振 入 
フレ ー ム を 削除 


キー フレ ー ム の 捧 入 
空 折 キー フレ ー ム を 捧 入 
キー ブレー ム ま 前 交 












PApr る flash で 作る 


文字 を 右 か ら 左 へ 動く アニ メー ショ ン に し ます 。 
同 レ イヤ ー の 12 フ レー ム を 選択 し ます (①)。 選択 
する と 、 先 ほど 挿入 し た 文字 の オブ ジェ クト の ま 
わり に 青い 線 が 現れ ます 。 

選択 され た ら 一 カー ソル キー で 左 へ 10px 程 度 移 
動 し ます (②)。 

さら に 、 最初 の フレ ー ム を 選択 し て 、[ プ ロ パ ティ ] 
パネ ル の 「 カ ラー 効果 ] の 「 ス タイ ル : アル ファ ]」 
で 、 ア ルフ ァ を 09%6 に し ます (③)。「 ア ルフ ァ :0%」 
で 完全 な 透明 に な り ま す の で 、 こ の アニ メー ショ 
ン は 、 文 字 が 徐々 に 表示 され な が ら 右 か ら 左 へ 移 
動 し て いく も の に な り ま す 。 














⑧ 最 初 の フレ ー ム を 選択 し 、 
アル ファ を 096 に 設定 


の 1 演出 を 加え る た め 、 ア ニメーション に イー ジン グ ⑧ イ ー ジ ング を 100 に 設定 
を 付け て み ま し ょ う 。 作成 され た 文字 の トゥ イー 
ン の 30 フ レー ム を 選択 し (①)、 [プロパティ] パネ 
ル の 「 ト ゥ イー ン : イ ー ジ ング 」 を 100 に し ます (⑨)。 
こう する こと で 、 ト ウゥ イー ン の 速度 が 減速 し ます 。 













⑰⑪30 フ レー ム を 選択 


アニ メー ショ ン が 終わ っ た ら そ の まま 停止 させ た 
い の で 、「action] レイ ヤー を 追加 し 、 ア ニ メ ー シ ョ 
ン の 終わ る 50 フ レー ム 目 に 空白 キー フレ ー ム を 挿 
入 し ます (①)。50 フ レー ム 目 を 選択 し て 、「 ウ ィ 
ンド ウー アク ショ ン 」 で [アク ショ ン ] パネ ル を 開 
き (②)、「stop( ):]」 と 入力 し ます (③)。 





ツー ル バ ー 
マッ タイ ムラ イン 
モー ショ ン エ ディ タ 
マツ ー ル 
同 言語 エレ メン ト ソン フロ パ ティ 
国 socbeuts ライ ブラ リ 
国 arnet サン プル ライ ブラ リ 
モー ショ ンプ リセ ッ ト 














同 *accessibity 

同 contaners 

還 ? 7 ] コン パイ ル エ ラー 
ae デパ ッ グ パネル 
| 同 conolslistClasses 3 ムー ビー エク スプ ロー ラ 
③ [アク ショ ン ] パネ ル に 「stop( ):| と 入力 ⑧50 フ レー ム 目 を 選択 し 、[ ア ク 


ショ ン ] パネ ル を 開く 























まず は 、1 コマ 目 一 8 コマ 目 ま で の レイ ヤー を 作 
成 し て いき ます 。 

アニ メ の コマ は 全部 で 8 コマ で す の で 、 メ イン 
の タイ ムラ イン に 、 新 規 レ イヤ ー を 8 個 追 加 し 
ます 。 













































過 譜 ライ ブラ リ か ら 、STEP2 で 作成 し た コマ 全体 の 
アニ メー ショ ン の 入っ た ムー ビー クリ ッ プ を 各 
コマ の 表示 を 開始 させ た い フ レー ム に 空白 キー 
フレ ー ム を 作っ て 配置 し ます 。 
始め に 画面 上 に 現れ る 1 列 目 の コ マ 1、2 列 目 の 
コマ 2 と コマ 3 は 、1 フ レー ム 目 に 配置 。3 列 目 
の コマ 4 と コマ 5 は 63 フ レー ム 目 に 配置 。4 列 
目 の コ マ 6 は 235 フ レー ム 目 に 配置 。5 列 目 の コ 
マ 7 と コマ 8 は 377 フレーム 目 に 配置 し ます 。 















































182 PAkr < flash で 作る 





コマ が 縦 に スク ロー ル し て 進ん を で いく アニ メー ショ ン を 作 
う 成 し て いき ます 。 

まず 、 動 か さ な い コマ を グレ ー ア ウト させ ます 。 例 えば コ 

マ 2 の 場合 、1 フ レー ム 目 を 選択 、 [プロ パテ ィ ] パネ ル の 「 カ 

ラー 効果 」 で 「 ス タイ ル : 明度 ] を 選択 し 、 明 度 を 「-60%] 











に し ます (①)。 
この と き 、「 ル ー プ ] の 「 オ プシ ョ ン : 単 一 フレ ー ム ]」 を 選択 


し て 開始 フレ ー ム を 「1」 に し ます (③)。「 単 フレ ー ム ] に オプ あ ョ シャ [ ポ フル ニム = ニニ ニン) 
設定 する と 、 タ イム ライ ン 上 で 1 フレ ー ム 目 だ け を 静止 し に _ | の 
て 表示 させ ます 。3 コ マ 目 以降 に つい て も 、 表 示 を 開始 さ 
せ た い フレ ー ム に は 同じ 設定 を し て お きま す 。 





例外 と し て 、1 コ マ 目 は 再生 の 開始 フレ ー ム に な る の で 、 

1 フレ ー ム 目 を 選択 し て 、[ プ ロ パ ティ ] パネ ル の 「 ル ー プ ] 

の 「 オ プシ ョ ン : 一 回 再生 ] を 選択 し 、「 開 始 フレ ー ム 」 を 「2」 

に し ます (③)。「 一 回 再生 ] に 設定 する と 、 ア ニメーション 

を 1 回 動か すこ と が で きま す 。 1 コマ 目 ] レ イヤ ー は 、「 オ プシ ョ ン : 
一 回 再生 」「 開 始 フレ ー ム : 2」 に 設定 








次 に 縦 に スク ロー ル す る アニ メー ショ ン の モー ショ ント ゥ イー ン を 設定 し ます 。 
例え ば 、1 コ マ 目 か ら 2 コ マ 目 と 3 コマ 目 に 進む 際 、1 コ マ 目 が 上 に 一 段 ず れ て 、2 コ マ 目 と 3 コマ 目 が メイ ン で 配置 さ 
れ て 止ま り ま す 。 同様 に 2 コマ 目 と 3 コマ 目 か ら に 4 コマ 目 と 5 コマ 目 に 進む 際 も 、2 コマ 目 と 3 コマ 目 が 上 に 一 段 ず れ 





て 、4 コマ 目 と 5 コマ 目 が メイ ン で 配置 され て 止ま り ま す 。 





ーー 画面 の 範囲 















一 段 下 の 列 に 進む と 次 の 列 が 上 へ あがる 
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声 許 4 コマ 目 を 例 に と っ て 、 具 体 的 に 再生 中 の コマ の 設定 を し て いき まし ょ う 。 
まず 、4 コマ 目 の 列 の 縦 に スク ロー ル す る アニ メー ショ ン を 設定 し ます 。235 フ レー ム 目 に キー フレ ー ム を 挿入 、258 
フレ ー ム 目 で 再度 キー フレ ー ム を 挿入 し ます (①)。 上 の 列 に 従っ て 258 フレーム 目 を 上 に 移動 させ 、 ク ラシック トゥ イー 
ン を 設定 (②) す る と 、 上 に スク ロー ル す る アニ メー ショ ン に な り ま す (③)。 


タイ ムラ イン 
補 合 曲 230 235 240 245 250 255 


① わ 235 フ レー ム 目 と 258 フ レー ム 目 に キー フレ ー ム を 挿入 


E 5 下 


②258 フ レー ム 目 を 上 に 移動 させ 、 ク ラシック トゥ イー ン を 設定 3 ぅ 上 に 一 段 ずれ て 停止 する アニ メー ショ ン (4 コ マ 目 ) 








次 に 、 ス クロ ー ル 終了 後 、 前 ペー ジ の 手順 3 で 「-60%」 に し て いた 明度 を 徐々 に 「0%] に する アニ メー ショ ン を 設定 し 
ます 。264 フレ ー ム 目 に キー フレ ー ム を 挿入 し 、 選 択 し た 状態 で [プロ バ パティ] パネ ル の 「 カ ラー 効果 ] で 「 ス タイ ル : 明 
度 」 を 選択 し 、「 明 度 ] を 「0%%] に し ます 。259 フレ ー ム を 選択 し 、 ク ラシック トゥ イー ン を 設定 し ます 。 






0 235 2z40 245 2z50 255 260 











明度 「-60%」 明度 「0%] 


次 に 4 コマ 目 の ア ニメーション が 再生 する フレ ー ム を 追加 し ます 。 

4 コマ 目 の ア ニメーション は 、 フ レー ム 数 が 50 フ レー ム な の で 、 配 置 し た シン ボル の フレ ー ム を 315 フ レー ム ま で 伸 ば 
し ます 。315 フ レー ム に キー フレ ー ム を 挿入 し ます (①)。 ア ニメーション の コマ を 再生 する た め に 、265 フ レー ム 目 を 
選択 し た 状態 で [プロ パテ ィ ] パネ ル の 「 ル ー プ | で 「 オ プシ ョ ン : 一 回 再生 」、「 開 始 フレ ー ム 」 を 「1」 に し ます (③). 





タイ ムラ イン 






琶 人 口 230 235 240 245 250 255 260 265 270 27S 280 28S 290 293 300 305 310 315 











PArr る flash で 作る 


次 に 、 ア ニメーション の 終了 時 に コマ が グレ ー ア ウト する 動き を 作成 し て い 


きま し ょ う 。 


始点 と な る 箇所 (316 フ レー ム ) に 右 ク リッ クー [キー フレ ー ム の 挿入 ] で キー 
フレ ー ム を 作成 し 、324 フレ ー ム の と ころ で も う 一 度 キ ー フ レー ム を 作成 し ま 


す (③)。 


キー フレ ー ム の 間 の 1 フレ ー ム を 選択 し た 状態 で 右 ク リッ クー [クラ ッ シ ッ ク 


トゥ イー ン を 作成 ] で トゥ イー ン を 作成 し ます (②) 。 


補 人 口 270 275 280 285 290 295 300 395 310 315 


ロ 20 z75 280 265 290 295 


) 








タイ ムラ イン 上 の 最後 の キー フレ ー ム を 選択 し た 状態 で 、 ス テー ジ 上 の グラ 
フィ ッ ク シ ン ボ ル 「4 コマ 目 ] を 選択 し ます (①)。 


[プロ パテ ィ ] パネ ル の [カラー 効果 ] の 「 ス タイ ル : 明度 ]「 明 度 : -609%%」 に 
設定 する (②) と 、 グ レー アウ ト す る アニ メー ショ ン が 完成 し ます (③)。 


1 コマ 目 一 8 コマ 目 の 設定 も 同様 に 設定 し て アニ メー ショ ン を 完成 させ ます 。 


メイ ン の タイ ムラ イン 












モー ショ ント ゥ イー ン を 作成 
















クラ シッ クト ゥ イー ン を 作成 


フレ ー ム を 導入 
フレ ー ム を 削除 






空白 キー フレ ー ム に 変 拉 


フレ ー ム を カッ ト 
フレ ー ム を コピ ー 
フレ ー ム を ペー スト 
フレ ー ム の クリ ア 

すべ て の フレ ー ム を 選択 





モー ショ ント ゥ イー ン を 作成 












フレ ー ム を 拓 入 
フレ ー ム を 削除 


キー フレ ー ム の 輝 入 
空白 キー フレ ー ム を 振 入 
ー 8 
キー フレ ー ム に 変換 
空白 キー フレ ー ム に 変換 


フレ ー ム を カッ ト 


フレ ー ム を コピ ー 
| フレ ー ム を ペー スト 









岡 ダラ フィ ッ ク . 


イン スタ ンス - 4 コマ 香 
信 革 と イズ 
1443 


は wa] 






し し!] 


Wi 353 Mi 36584 




















タイ ムラ イン 上 の グラ フィ ッ ク シ ン ボ ル 「4 コ マ タイ ムラ イン 
目 ] の レイ ヤー の 上 に 新規 レイ ヤー[ レ イヤ ー4] 


270 。 275 280 285 2z90 295 




































を 作成 し ます 。 に き oo 
了 軒 新規 レイ ヤー[ レ イヤ ー4] の 1 フレ ー ム を 選択 し [Aa | メイ ンス テ 
作 計 た 状態 で 、 ツ ー ル パネ ル か ら 知 形 ツー ル を 選択 し 門 
ます 。 [9 
マス ク を か けた い 箇 所 に 、 知 形 を 作成 し ます 。 ら 
人 
森 
グ 
ア 
有 
ツー ル バ パネ ル 





知 形 を 作成 し た レイ ヤー [レイ ヤー4] を 選択 し 、 
右 ク リッ クー [マス ク ] で マス ク が 適用 され ます 。 


265 270 2z75 280 285S 290 2z95 





すべ て 表示 
< ー 他 を ロッ ク す る 
置 マス ク を 使う fearrstprie P051 へ 他 を 隠す 
レイ ヤー を 洗 入 
レイ ヤー を 削除 





ガイ ド 
クラ シッ クモ ーション ガイ ド を 追加 


| 


フォ ル ダ の 揮 入 


プロ パテ ィ 











186 PA&r る flash で 作る 








Flash で は 、 つ な が っ た ボーン 全体 を [アー マチュ ア 」、 
ボー ン 間 を 連結 する 点 を 「 ジ ョ イン ト 」 と 呼ん を で いま す 。 














ツー ル パ ネ ル か ら ボ ー ン ツー ル を 選択 し 、 始 点 と な る 関節 に カー ソル を の せ て ドラ ッ グ し ます 。 ボ ー ン が 作成 され る と 
新しく アー マチ ュ ア レイ ヤー が 作成 され 、 ボ ー ン を 適用 し た イン スタ ンス は アー マチ ュ ア レイ ヤー に 移動 し ます 。 


EE < ポー ン ツ ー ル 00 
2 ベツ バイ ンド ツー ル (の 













是 選択 ソー ル で ボー ン を 指定 し た イン スタ ンス も る 動 
凡 較 か す と 、 こ の よう に 、 関 節 で 繋が っ て いる こと が 
分 か り ま す 。 
作成 し た 各 ボ ー ン は 、 選 択 ツ ー ル で 自由 に 動か す 
こと が で き 、 位 置 を 変更 し た イン スタ ンス に 合わ 
せ て 、 そ の 他 の イン スタ ンス も 移動 、 回 転 し て 位 


置 を 調整 し ます 。 関節 で 繋が っ て いる 


こと が 確認 で きる 











軒 作成 し た ボー ン は 、 通 常 の トゥ イー ン と 同様 に 、 

弓 タイ ムラ イン 上 で アニ メー ショ ン を 作成 する こと 
が 可能 で す 。 タ イム ライ ン 上 で 、 ア ー マ チ ュ ア レ 
イヤ ー の アニ メー ショ ン を 作成 し た い フ レー ム を 
選択 し 、「 ポ ー ズ を 挿入 し ます 。 
ここ で 作成 し た タイ ムラ イン の 「 ポ ボー ズ 」] に は 、 そ 
れ ぞ れ の 位置 や 角度 を 調整 する こと が で き 、 ポ ー 
ズ 間 の 動き は 自動 的 に フレ ー ム 内 の ボー ン の 位置 
を 補完 され ます 。 











の 


TE 


HTML ペ ー ジ の メニ ュー を 作る 


表現 力 : 福 盗 次 プロ グラ ミン グ カ : 


Web サ イト で メニ ュー な ど ペ ー ジ の 一 部 が アニ メー ショ ン で 動く ペー ジ を 目 に する こと が よく あ 
る と 思い ます が 、 そ れ ら は Flash と HTML の 組み 合わ せ で 作ら れ て いま す 。 こ の サン プル で は 、 
その よう な アニ メー ショ ン を 伴う Flash メ ニュ ー と HTML ペ ー ジ の 組み 合わ せ を 、 人 架空 の 旅館 の 
サイ ト を ベー ス に 作っ て いき ます 。 アニ メー ショ ン は スク リプ ト で は な く ト ウゥ ウイーン を 使う の で 、 
あま り 難 し い プ ログ ラミ ング は 必要 と し ませ ん の で 、 ま ず は チャ レン ジ し て みて くだ さい 。 


⑱ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項 目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 


アニ メー ショ ン を 作る …… の ドド ii P046 へ 
イベ ント の 概念 人 … の ドド に ドー P077 へ 
イベ ント リ ヌ ナー ドド ドド に に に P090 へ 
fnGtON oo P086 へ 
MovieClip を 制御 する ili PO083 へ 
変数 DCCCPETEEPEUPCLCPOCECNPOOCCPCCCOOYYCGOCCCOOOCCCDO TFP P094 へ 
ERKCEOPCOPPPYTPUPCPTNECPELPPLOOYYYYEYY は YY P107 へ 
navigateToURL( ) KAAEIIKKHHELLHEEHHCHTHEEEYCCCCECECEYEEPPEEEPCEPPEPPEEE P167 へ 


ゆ この サン プル で 学ぶ 応用 技術 


この サン プル を 通し て 、 以 下 の 応 用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な し い 実 制作 で 必要 な 知識 で す 。 


遷移 中 に ボタ ン が 効か な いよ うに する 仕組 み 


は イイ flash で 作る 


サン プル の 説明 



































。」 。 メニ ュー ボタ ン か ら 上 が Flash、 下 が HTML ペ ー ジ で す 。 メ ニュ ー ボ タン の 上 に マウ スカ ー ソ ル を 持っ て い 
く と 、 ボ タン が トゥ イー ン ア ニメーション で せり 上 が り 、 簡 単 な 説 明文 が 表示 され ます 。 マ ウス を ボタ ン か 
ら 外 す と 、 元 の 位置 に 戻り ます 。 


2 ボタ ン を クリ ッ ク す る と 、 ボ タン の 後ろ に ある メイ ン イ メー ジ が アニ メー ショ ン で スラ イド し 、 そ の ペー ジ 
の イメ ー ジ まで 移動 し ます 。 こ こ で は 変数 を 使っ て 、 ど の ボタ ン が クリ ッ ク さ れ て いる か と いう こと を 管理 
し 、 ア ニメーション と 連携 させ ます 。 

_3 。 さら に 、 ク リッ ク し た ら 下 の HTML ペ ー ジ が 切り 替わり ます 。 こ こ で は navigateToURL と いう 仕組 み を 使っ 
て 、Flash か ら HTML ペ ー ジ を 居 移 させ て いま す 。 





19 





















































ボタ ン の MovieClip 





、。 ! 全体 の 構成 は 、Flash の メニ ュー を 置く ペー ジ と 各 コ ン テ ン ツ を 表示 する ペー ジ を 作り 、 そ れ を フレ ー ム を 
使っ て 表示 させ て いる 形 で す 。 

_ 2 Flash の メイ ンタ イム ライ ン は 1 フレ ー ム の み で す 。 メ イン イメ ー ジ の ムー ビー クリ ッ プ が 置か れ て いる レ 
イヤ ー と ボタ ン の ムー ビー クリ ッ プ が 置か れ て いる レイ ヤー、 そ し て ActionScript を 書く レイ ヤー の 計 3 つ 
の レイ ヤー が あり ます 。 

_ 3 。 メイ ン イ メー ジ の ムー ビー クリ ッ プ は 、 ボ タン を クリ ッ ク し た 際 の スク ロー ル の アニ メー ショ ン を 実現 させ 
る た め に 、1 枚 の 横 に 長い ムー ビー クリ ッ プ を 入れ 子 で 配置 し た も の を トゥ イー ン で 動か し ます 。 
ActionScript で トゥ イー ン の スタ ー ト プス トッ プ を 管理 する た め 、 ス クロ ー ル の パタ ー ン の 数 だ け ト ゥ イー 
ン を 作成 し て いま す 。 


) 和 ボタ ン は マウ ス オ ー バ ー プ アウ ト 時 の アニ メー ショ ン を それ ぞ れ トゥ イー ン で 作成 し て いま す 。 


!90 PAkr < flash で 作る 







まず は 制作 の 下 準 備 で す 。 メ イン タイ ムラ イン の 構 
大 きく 分 け て 、 メ イン イメ ー ジ の ム | 









メイ ンタ イム ライ ン に は 「 ス クリ プ ト 」、「 ボ タン ]」、 
「 メ イン イメ ー ジ |] の 3 つの レイ ヤー を 作り ます 。 








q ボタン 0 1 
| メイ ン イ メー ジ し 還 こ 


ヨコ ョ 





ステ ー ジ 上 に メイ ン イ メー ジ と ボタ ン の ムー ビー クリ ッ プ を 配置 し ます 。 メ イン イメ ー ジ は イン スタ ンス 名 を 
「mainlmage_mc」 と し 、 そ の 中 に は トゥ イー ン で 動か す た め に 横 1 枚 の 画像 の ムー ビー クリ ッ プ 「mainlmage_image」 
を 入れ 子 に し て お きま す 。 ス クロ ー ル する 際 に 便利 に な り ま す の で 、 ム ー ビ ー ク リッ プ を 作成 する 際 、 基 準 点 は 左上 に 
し て お きま し ょ う 。 メ イン タイ ムラ イン の 「 メ イン イメ ー ジ | レイ ヤー で 、mainlmage_mc を 配置 し て お きま す 。 


本 シン ボル he P034 へ 
メイ ン イ メー ジ の MovieClip 





イン 2 ンス rmA_me 
人 箇 リ イズ 





ーーー ボタ ン の MovieClip (重ね て 配置 ) 


ボタ ン は 1 つ ひ と つ 別 々 の ムー ビー クリ ッ プ と し て 作成 し ます 。 イ ンス タン ス 名 を 「btnA (一 D) _mc] と し 、 メ イン イメ ー 
ジ 同 様 、 ト ゥ イー ン で 動か す た め の ムー ビー クリ ッ プ 「btnA (て D) _image」 を 入れ 子 に し て お きま す 。 

メイ ンタ イム ライ ン の 「 ボ タン |] レイ ヤー で 、 ス テー ジ 上 に btn_A.mc…btnD_mc を 重ね て 配置 し て お きま す 。 重なり 
順 は あと で ActionScript で コン トロ ー ル する の で 、 こ こ で は 気 に し な く て も 大 丈夫 で す 。 
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mainlmage_mc と btnA_mc の 入れ 子 構造 を 図 に する と 、 以 下 の よ うに な り ま す 。 ムー ビー クリ ッ プ の 入れ 子 は Flash 
で は よく 使う の で 、 構 造 を し っ か り イ メー ジ し な が ちら 制作 を 進め る こと が 重要 で す 。 


mainlmage_mc の 入れ 子 構造 





mainlmage_mc(MovieClip) 
メイ ンタ イム ライ ン に 配置 する MovieClip 














ーー mainlmage.png 


mainlmage_image(MovieClip) 
mainlmage_mc の 中 で 、 左 右 に 動く アニ メー ショ ン が つい て いる MovieClip 














btnA_mc の 入れ 子 構造 





btnA_mc(MovieCIip) 
メイ ンタ イム ライ ン に 配置 する MovieClip 


ツー 王 EC 


アク セス あり が と う ご ざ いま す 。 w btnA_2.png 
御苑 旅館 亭主 より 、 ご 換 拶 申し 上 げ ま す 
玉 詳細 を みる 


btnA_image(MovieCIlip) 
btnA_mc の 中 で 、 上 下 に 動く アニ メー ショ ン が つい て いる MovieClip 














PAxr 3 flash で 作る 





まず は メイ ン イ メー ジ の すべ て の 表示 パタ ー ン を 考え ます 。 サ ンプ ル で は 、「 ト ッ プ ペー 
ジ 」、「 ご 挨拶 ]、「 客 室 ]、「 お 料理 ]、「 料 金 ] の 5 つの 画面 と 、 ト ッ プ ペー ジ 以 外 の 4 つ 
の メニ ュー ボタ ン が あり 、 そ れ ぞ れ の 画面 か ら 他 の 画面 に スク ロー ル す る 組み 合わ せ は 
5x4 三 20 通 り 、 ま た ペー ジ を 読み 込ん だ と き に 最初 に 表示 され る トッ プペ ー ジ の 画像 
が 静止 し て いる 状態 を 含め る と 、 計 21 通 り の 表示 パタ ー ン が ある こと が 分 か り ま す 。 
この パタ ー ン すべ て を mainlmage_mc の 中 に 作っ て いき ます 。 ま た 、 あ と で 
ActionScript で スク ロー ル を 制御 する 際 に 分 か りや すく する た め に 、 ス クロ ー ル させ る 
ムー ビー クリ ッ プ の それ ぞ れ の 画面 に 対応 する 部 分 を 「Start」「Al「B]「C」「D] と 分 け て 
考え (下図 )、 レ イヤ ー 構 造 は 、 右 図 の よう に し て お きま す 。 



















「Start] レイ ヤー に mainlmage_image を 配置 し 、「Start] で 静止 し て いる 状態 (1 一 10 フ レー ム 目 )、 そ し て 「Start] か 
記 ぅ [Al、「Bl、[C」、[D」 と 運 移す る トゥ イー ン ア ニメーション (11 フ レー ム 目 か ら 、20 フ レー ム ず つ ) を 作り ます 。 そ 
れ ぞ れ の トゥ イー ン に は アウ ト 側 に 100 の イー ジン グ を 付け て いま す 。 
[Al] ~- 「D]」 の レイ ヤー に 対し て は 静止 状態 は 作ら ず 、 そ れ ぞ れ 他 の 画面 に スク ロー ル す る アニ メー ショ ン を 作り ます 。 




















Start で 停止 し て いる 状態 Start …B Start …C Start 一 D 
Start 一 A に 移動 する アニ メー ショ ン A 一 Start 





mainlmage_image が 「Start」 一 「A] に スク ロー ル す る 動き 


< 
X: Opx X : 636px X: 1272px X : 1908px X : 2544px X:3180px 華 
1 


を 





1 きる 











後ほど ActionScript で それ ぞ れ の アニ メー ショ ン を 制御 する た め 、1 フ レー ム 目 に 
の [Start」、 そ れ 以 外 の アニ メー ショ ン が スタ ー ト する フレ ー ム に は [StarttoAl、 
「BtoD] と いう 形 で 「 現 在 地 to 目的 地 ] と いう 規則 を 持た せ た ラ ベル を 付け て お き 
ます 。 
「 ラ ベル ] レイ ヤー で ラベ ル を 付け た い フ レー ム を 右 ク リッ クー [空白 キー フレ ー ム 
の 挿入 ] で 空白 の キー フレ ー ム を 挿入 し 、[ プ ロ パ ティ ] パネ ル の 「 名 前 ]」 に ラベ ル 
名 を 入力 し ます 。 


























4 それ ぞ れ の スク ロー ル ア ニ メー ショ ン を 停止 させ て 、 か つ 現 在 表示 され て いる 画面 (クリ ッ ク し た ボタ ン に 対応 し て い 
る ) の 情報 を 持つ 変数 nowScene を スク リプ ト に 書い て いき ます 。「 ス クリ プ ト 」 レイ ヤー の 次 の 位置 で [アク ショ ン ] パ 
ネル を 開き 、 次 の よう に 記述 し ます 。 





ラバ ル 
q ス 多 ブナ ト 


start 
q A 





1 フレ ー ム 目 29 フレ ー ム 目 


| stop(): 年 ムー ビー グリップ の 再生 を 中 止 
var nowScene:String = "Start": 年 現在 表示 され て いる 画面 の 情報 を 扱う 変数 nowScene を 室 言 し 、*Start* を 代入 





スク ロー ル ア ニ メー ショ ン が 終わ る フレ ー ム ( 例 :29 フ レー ム 目 ) 


stop(): 
nowScene = "A" 御 そ の フレ ー ム で 表示 され て いる 画面 の 情報 (Start.A.B.C.D) を 変数 nowScene に 代入 
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btnA_mc の 中 の レイ ヤー 構造 は 右 図 の よう に し て 
お きま す 。 

ボタ ン の 動き の パタ ー ン は 、① 静 止 状 態 、② マ ウ 
ス オ ー バ ー 時 に 上 に せり 上 が る アニ メー ショ ン 、 
③ マ ウス アウ ト 時 に 下 に 下がる アニ メー ショ ン の 
3 つの パタ ー ン を 作り ます 。 

「 ボ タン 画像 ] レイ ヤー に btnA_image を 配置 し 
1 フレ ー ム 目 は 静止 し て いる 状態 、2 て 16 フ レー 
ム 目 で 上 に 上 が る アニ メー ショ ン 、17 一 31 フ レー 
ム で 下 に 下がる アニ メー ショ ン を 作成 し ます 。 








(マウ ス オ ー バ ー 時 に 上 
へ 上 る アニ メー ショ ン 


① 静 止 状態 マウ ス ア ウト 時 に 下 に 
下る アニ メー ショ ン 





① 静 止 状態 


ステ ー ジ 
(636px X 425px) 








② マ ウス オー バー で 上 へ ③ マ ウス アウ ト で 下 へ 


ステ ー ジ ステ ー ジ 
(636px X 425px) (636px X 425px) 








あと で スク リプ ト で 制御 で きる よう に 、 作 成 し た 
2 つの アニ メー ショ ン が 開始 する フレ ー ム に ラベ 
ル を 付け ます 。 

2 フレ ー ム 目 、17 フ レー ム 目 に 空白 の キー フレ ー 
ム を 挿入 し 、[ プ ロ パ ティ ] パ ネル の 「 名 前 ] に それ 
ぞ れ 「moveUp」、「moveDown] と ラベ ル 名 を 付 
け て お きま す 。 


の 2 


っ 静止 し て いる 状態 と 、2 つ の アニ メー ショ ン が 停 
細 止 し た 際 に タイ ムラ イン を 停止 させ る た め 、「 ス ク 
リプ ト ] レイ ヤー の 1 フレ ー ム 目 、16 フ レー ム 目 、 
31 フ レー ム 目 で [アク ショ ン ] パネ ル を 開き 、 
stop( ): を 書い て お きま す 。 
これ で btnA_mc の 準備 は 完了 で す 。 同様 の 作業 
を btnB_mc 一 btnD_mc で 行っ て くだ さい 。 





1、16、31 フ レー ム 目 








stop(): 生 ム ー ビ ー ク リッ プ の 再生 を 中 上 
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まず は ボタ ン の ムー ビー クリ ッ プ (btnA_ 


mc 一 btnD_mc) を ボタ ン 化 し 、 さ ら に そ 
の 子 イ ンス タン ス が マウ ス に 反応 し な い 
設定 を 行い マウ ス オ ー バ ー プ アウ トレ し 
た と き の イ ベン ト を 登録 し ます 。 

メイ ンタ イム ライ ン の 「 ス クリ プ ト 」 レイ 
ヤー の 1 フレ ー ム 目 で [アク ショ ン ] パネ 
ル を 開き 、 右 の よう に 書き ます 。 
いずれ の ボタ ン も 、 マ ウス オー バー プア 
ウト 時 に 呼ば れる 関数 は 同じ も の を 使用 
し ます 。 





btnA_mc の 場合 


btnA_mc の 子 イ ンス タン ス に 対し て マウ ス が 反応 し な いよ うに する 
btnA_mc.mouseChildren = falsei 





btnA_mc を ポタ ン 化し 、 オ ー バ パー 時 に マウ スカ ー ソ ル を 変化 させ る 
btnA_mc.buttonMode = truei 


ロール オー バー 時 
btnA_mc.addEventListener(MouseEvent.ROLL_OVER, onBtnOver): 
信 btnA_mc に マウ ス オ ー バ パー し た ら 、 関 数 onBtnOver を 呼ぶ 


/ ロ ー ル アウ ト 時 
btnA_mc.addEventListener(MouseEvent.ROLL_OUT, onBtnOut): 
全 btnA_mc か ら マ ウス アウ ト し た ら 、 関 数 onBtnOut を 野 ぶ 








次 に 、 ボ タン か ら イ ベン ト が 発行 され た ら 実行 され る 関数 、onBtnOver と onBtnOut を 作り ます 。 
還 謀 ここ で は btnA 一 D_mc で 作成 し た 、 上 る 下る アニ メー ショ ン を 再生 し た い の で 、gotoAndPlay( ) メ ソ ッ ド を 使い 、 
マウ ス オ ー バ ー の と き は ラベ ル 名 「moveUp]、 マ ウス アウ ト の と き は 「moveDown] の フレ ー ム か ら 再 生 ヘ ッ ド が スタ ー 


ト す る よう に スク リプ ト を 書き ます 。 





// マ ウス オー バー し た ら 実行 され る 
function onBtnOver(evenDt 
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| // マ ウス アウ ト し た ら 実 行 さ れる 
function onBtnOut(event 


event.target.gotoAndPlay("moveUp"): や eventtarget で 、 イ ベン ト を 送出 し た オプ ジェ クト を 特定 で きる 


event.target.gotoAndPlay(*moveDown"): weventtarget で 、 イ ベン ト を 送出 し た オブ ジェ クト を 特定 で きる 











PAkr る flash で 作る 


背 この 時 点 で ムー ビー プレ ビュ ー し て みる と 分 か り ま す が 、 こ の まま だ と ボタ ン の 重なり 順 が ステ ー ジ 上 で 配置 し た まま 
店 位 に な っ て いて 、 他 の ボタ ン の 説明 文 び 見 れ ま せん 。 そ こ で マウ ス オ ー バ ー さ れ た ボタ ン が 最前 面 に 配置 する た め に 、 


setChildIndex( ) メ ソ ッ ド を 使っ て ボタ ン の 重なり 順 を 変更 し ます 。 








ボタ ン の 重なり 順 は ステ ー 
ジ に 配置 し た 順番 の まま 





任意 の ボタ ン に マウ ス を 持っ て いく 


ボタ ン を マウ ス オ ー バ パー し 
た 際 に 、setChildIndex( ) を 
使い 、 マウ ス オ ー バ ー し た 
ボタ ン を 最前 列 に 移動 する 





マウ ス オ ー バ パー し た ら 実 行 され る 
function onBtnOver(even0t 
setChildIndex(event.target, numChildren - 1 / マ ウス オー バー され た ムー ビー クリ ッ プ を 最前 面 に 配置 する 
信 setChildIndex( 重なり 順 を 変更 し た い イ ンス タン ス . 変更 後 の 重 な り 大 ) ※numChildren は オブ ジェ クト の 子 イ ンス タン ス の 数 を 返す 
event.target.gotoAndPlay("moveUp"): | 
} 


に を 





まず は STEP 4 同様 、 ボ タン が クリ ッ ク さ れ た と き の イ ベン ト を 登録 し ます 。 今 回 は 、 ク リッ ク さ れ た と き に 実行 され 
る 関数 は クリ ッ ク さ れ た ボタ ン に よっ て 動作 が 異な る の で 、 そ れ ぞ れ 別 の も の に し て お きま す 。 





//「 ご 撲 拶 ] ボタ ン (btnA_mc) ク リッ ク 時 
btnA_mc.addEventListener(MouseEvent.CLICK, onBtnAClick): 





// 「 客 室 ]」 ボタ ン (btnB_mc) ク リッ ク 時 
btnB_mc.addEventListener(MouseEvenLCLICK, onBtnBClick): 


/「 お 料理 」 ボタ ン (btnC_mc) クリ ッ ク 時 
btnC_mc.addEventListener(MouseEvent.CLICK, onBtnCClick): 


/ 「 料 金 ] ボタ ン (btnD_mc) クリ ッ ク 時 
btnD_mc.addEventListener(MouseEvent.CLICK, onBtnDClick): 




















に 【 タ 


次 に 関数 を 作り ます 。 ボ タン を クリ ッ ク Te 
た 際 に 、 1 ス と っ の 
し 際 mainlmage_mc 9 の ら の Z ノン 答 在 の 位置 を 示す へ 、 
メー ショ ン を 再生 させ る か を 決め る た め < 変数 [nowScenel が > 
に 、 変 数 nowScene と T 文 に よる 条件 分 SA 2 だ ウ 
岐 を 使っ て 、 図 の よう に 考え ます 。 DS 
PS 1) 「 現 在 地 to 目的 地 ] と いう 形 に な る 新しい 変数 
true ItargetLabell を 作成 する 
2) mainlmage_mc.gotoAndPlay(targetLabel) 
で 目的 の アニ メー ショ ン を 再生 させ る 
alse _ 


| 何 も し な い 1 
sd 


























btnA_mc が クリ ッ ク さ れ た ら 実 行 さ れる 
function onBtnAClick(even10t 
ii(mainlmage_mc.nowScene != "At 
var targetLabel= mainlmage_mc.nowScene+ "toAi 圭 且 所 中 4 形 の 文字 列 が で 
mainlmage_mc.gotoAndPlay(targetLabel)i: 人 manimade n 2 





ここ で 一 度 動き を 見 て み ま し ょ う 。 メ ニュ ー バ ー の [制御 一 ムー ビー プレ ビュ ー] で ムー ビー プレ ビュ ー し ます 。 ボ タ 


ン の マウ ス オ ー バ ー ぞ アウ ト で ボタ ン が 上 下 し 、 ク リッ ク で 後ろ の メイ ン イ メー ジ が 「 現 在 地 一 目的 地 ] の 形 で スク ロー 
ル し て いれ ば 0K で す 。 








ボタ ン を クリ ッ ク す る と 、 ボタ ン か ら マ ウス カー ソル を 外す と 、 ボ タン は 下 に 下る 
画面 に スク ロー ル す る 


Pr る flash で 作る 





今回 は フレ ー ム を 使っ て ペー ジ の 切り 替え を 行う の で 、 各 フレ ー ム が 読み 込ま れる frameset が 書い て ある ベー ス と な 
る HTML ペ ー ジ (index.html) 、 メ ニュ ー の swf を 読み 込む ペー ジ (menu.html) 、 そ し て メニ ュー に よっ て 切り 替わる ペー 
ジ を 用 意 し ます 。 

メニ ュー と コン テン ツ は 、 そ れ ぞ れ 「menul、「contents] と いう フレ ー ム 名 を index.html の frameset の 中 で 付け て お 
きま す 。menu.html は 、 今 回 作成 し て いる Flash ファ イル か ら 書 き 出し た も の を 使用 し ます 。 








menu.html : Flash から 書き だ し た HTML フ ァイル 











menu.html 


(フレ ー ム 名 : menu) index.html 


ソー ス ( 抜 粋 ) 
<frameset rows= "425" > 
<frame src= "menu.html" name= “menu.html" > 
<frame src= “top.html" name= “contents” > 
</frameset> 






top.html 


(フレ ー ム 名 : contents) 
切り 替わる HTML ペー ジ : top.html (トッ プペ ー ジ ) 


greetings.html (「 ご 挨拶 」 ペー ジ ) 
facilities.html (「 客 室 ] ペー ジ ) 
cuisine.html (「 お 料理 ] ペー ジ ) 
price.html (「 料 金 ] ペー ジ ) 











HTML 側 の 準備 が で きた ら 、 ボ タン を クリ ッ ク し た 際 に 実行 され る 関数 onBtnA 一 DClick に ペー ジ を 切り 替え る スク リ 
プ ト を 追加 し ます 。 

navigateToURL( ) を 使い 、btnA 一 D_mc に 対し 、 対 応 す る HTML フ ァイル を フレ ー ム 名 「contents] の ペー ジ に 読み 込 
ませ まる よう に し ます 。 





/btnA_mc が クリ ッ ク さ れ た ら 実 行 さ れる 
function onBtnAClick(svenDt 
if(mainlmage_mc.nowScene != "AL 
var targetLabel= mainlmage_mc.nowScene + "toA 
mainlmage_mc_.gotoAndPlay(targetLabel): 
navigateToURL(new URLRequest("greetings.html")."contents"): 
人 greeting.html を contents と いう 名 前 の フレ ー ム に 読み 込む 
} 
} 


これ で 完成 で す 。 フ ァイル を パブ リッ シュ し て 、 動 作 を 確認 し て くだ さい 。 





注意 点 と し て は 、 ロ ー カ ル に ある swf フ ァイル か ら navigateToURL を 使っ て コン テン ツ を 呼び 出す 際 、 コ ン テ ン ツ が 
サー バ 上 に ある 場合 は セキ ュ リ ティ エラ ー が 出る こと が あり ます 。 こ の 点 に つい て は 、 コ ラム で 解説 し ます 。 
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STEP 6 まで 完成 し た サン プル を 動か し て みる と 分 か り ま す が 、 一 度 ボ タン を クリ ッ ク し て メイ ン イ メー ジ が スク ロー 
ル し て いる 途中 に も う 一 度 ボ タン を クリ ッ ク す る と 、 ス クロ ー ル の アニ メー ショ ン が また 最初 か ら ス ター ト し て し まい 
ます 。 こ の まま で も 良い の で す が 、 デ ィ テ ー ル を 上 げ る た め 、 メ イン イメ ー ジ が スク ロー ル し て いる 間 は 、 ボ タン を クリ ッ 
ク し て も また スク ロー ル が 最初 か ら 始ま ら な い 仕 組み (ボタ ン ロ ッ ク 機 能 ) を 考え て み ま す 。 





図 は 、 ペ ー ジ 読み 込み 後 、btnA_mc を クリ ッ ク し た 際 の 変数 nowScene の 値 の 動き を 表し て いま す 。 

図 の 上 側 は これ まで 作成 し た サン プル の 状態 で す 。 こ こ で は 一 度 ボ タン を クリ ッ ク し て メイ ン イ メー ジ が 移動 し て いる 
状態 の nowScene の 値 は "Start' の まま な の で 、 移 動 中 に 再度 ボタ ン を クリ ッ ク す る と 、 そ こ で 実行 され る 関数 
onBtnAClick の 中 の 「nowScene の 値 が A で は な か っ た ら 」 と いう 条件 に 当て は まり 、 ま た アニ メー ショ ン が 実行 され 
で て し まい ます 。 
そこ で 図 の 下 側 の よう に 、 ボ タン を クリ ッ ク し た 際 に 、nowScene の 値 に 移動 中 を 表す "Transition' を いう 新しい 値 を 
代入 し 、onBtnAClick 内 の 条件 を 、「nowScene が A ま た は Transition で な けれ ば 」 と 変え る こと で スク ロー ル 中 に ボタ 
ン が 効か な い 仕組 み を 実装 し ます 。 











| 移動 中 は クリ ッ ク で き 


な いよ うに し た い 
| Start = | A | 
か 
1 ] 
「 


1 ] 
イ 


nowScene = "Start' nowScene = “A" 





変数 が 「"Transition'" の 


時 は 押せ な い 」 と いう 仕 
移動 中 組み を 追加 
| ] 
I 





| ] | 1 ] 


nowScene = “Start' nowScene = "Transition" nowScene = "ん A 














で は 、 実 際 に コー ド を 書い て み ま し ょ う 。 関 数 onBtnA (一 D) Click の 中 に 、 下 記 の 部 分 を 追加 し ます 。 ム ー ビ ー プ レビ ュー 
記 罰 で ボタ ン を 2 度 押 し て も 、 メ イン イメ ー ジ の スク ロー ル ア ニ メー ショ ン が また 始め か ら 再 生 さ れ な けれ ば 、 完 成 で す 。 





/btnA_mc が クリ ッ ク さ れ た ら 実 行 さ れる 
function onBtnAClick(event 
話 (mainlmage_mc.nowScene != "A && mainlmage_mc.nowScene != 
人 条件 に 「 か つ mainlmage_mc の 変数 nmowScene が Transition で は な か っ た ら 」 を 追加 
var targetLabel= mainlmage_mc.nowScene+ "OGAA 生 
mainlmage_mc_.gotoAndPlay(targetLabel): 
mainlmage_mc.nowScene = "Transition': mainlmage_mc の 変数 nowScene に Transillon を 代入 
navigateToURL(new URLRequest("greetings.html"), 
} 
} 





2oo PAkr る flash で 作る 


CO と りん MK 


ロー カル に ある swf ファ イル か ら イ ンタ ーネット 上 の コン テ 
ン ツ に アク セス する 際 の 注意 点 


ロー カル に ある swf フ ァイル か ら navigateToURL( ) 
を 使っ て 、 イ ンタ ーネット 上 に ある コン テン ツ を 
呼び 出す 場合 、 こ の よう な エラ ー が 出る こと が あ 
り ま す 。 こ こ で は 、 そ の 原因 と 対処 方 法 に つい て 
解説 し ます 。 


この エラ ー は 、 ロ ー カ ル に ある swf フ ァイル が イ 
ンタ ーネット 上 の コン テン ツ に 勝手 に アク セス で 
き な い よう に する 、Flash の セキ ュ リ ティ 機能 に よ 
る も の で す 。swf フ ァイル が サー バ 上 に ある 場合 、 
また は ロー カル 上 で も Flash か ら ム ー ビ ー プ レ 
ビュ ー し た 状態 の ファ イル か ら ア クセ ス し た 場合 
は 、 こ の 現象 は 発生 し ませ ん 。 

エラ ー が 出る / 出 な い ケ ー ス を まとめ る と 、 右 図 
の よう に な り ま す 。 


この エラ ー を 回 避 す る に は 、 ロ ー カ ル に ある swf 
ファ イル を 指定 し 、 そ の ファ イル か ら イ ンタ ー ネ ッ 
ト 上 の コン テン ツ へ の アク セス を 許可 する 設定 を 
する 必要 が あり ます 。 

まず 、 エ ラー メッ セー ジ の 画面 か ら 、[ 設 定 ] ボタ 
ン を クリ ッ ク し (①)、Adobe の サイ ト に ある 「Adobe 
Flash Player 設 定 マ ネー ジャ 」 の ペー ジ を 開き ます 。 


次 に 、 設定 マネ ー ジ ャ の [編集 一 追加 ] (④) か ら 、 
アク セス 許可 を し た い フ ァイル を 指定 し (③)、[ 確 
認 ] を クリ ッ ク し 、 設 定 を 完了 し ます (④)。 (コン 
テン ツ 作 成 者 の た め の グ ロー バル セキ ュ リ ティ 設 
定 : http://www.macromedia.com/SuDport/ 
documentation/jp/flashplayer/help/settings_ 
manager04a.html) 


Flash に お ける この よう な セキ ュ リ ティ ポリ シー 
は 、URLLoader を 使っ て イン ター ネッ ト 上 の コン 
テン ツ に アク セス し よう と し た 場合 で も 同様 に 適 
用 で きま す 。 


下 URLLoader mee P162 へ 
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お 者 様 の ロン ピュ ー 寺 た は ネッ トワ ー ク で の ロー カル アプ リケーション: 
ememoe eu 


は 、 イン ター ネッ ト 拉 続 有 人 効 に こ な っ て いる 大 の 坦 所作 し よう に し て いま す : 











ee.yehooco.jp 
RT 
ーション を 衣 忠 動 す 必要 が あり ます 。 
Fs コ 
ロー カル サー パ 
navigateToURL 
ら サー バ 上 の 
ヨン テ シ ツ 
menu.Swf EN 
Flash http://www.cshool. 


jp/index.html 


ムー ビー プレ ビュ ー 


で 書き だ し た 状態 menu.Swf 





1 
1 
| 
1 
menu.Swf 1 
| 
1 





76beFIsTPIeP セキ ッ リティ 


Adcee Feh Pyer は 次 在 全 な 質 作 を 人 9 止 し まし た 。 

お 者 様 の エピ ュー タ ま た は ネッ トワ ー ク で 次 の 0 アプ リケーション 
WOocumerrs and SettmozWknezunaty DoumertsMdekaW0029.… Vnenu 

は 、 イ ンタ ーネット 提 が 克 に な っ て いる の 場所 と 過 し よう と し て いま す 


waoorop 
人 














Adcbe les Pet " 計 定 マネ ー ジ ャ 


5 の も で 5 

グロ ー バ ル セ キ ュ リティ 談 定 

Wee サイ に おい te キュ リティ レス テム 革 人 有 て 季 の サイ ト か ら 人 
栓 ニア クセ ス す り ます 。 通 和合 較 J ま せん が 、 さい シス テ 
る こと 和 3 れい て いな きり イト が 人 する 人 
が ます 。 Vieb サイ ト が さる い シ ステ ム を 使用 し て 恒 輸 に アク セス し よう 


コテ に = の 


これ ちの ファ イル と フォ ル ダ き 測 に 


② [編集 一 追加 ] を ク 
リッ ク 





る 外部 URL を 呼び 出 
す swf フ ァイル の 

こ 場所 を 指定 する 
(ファ イル 名 、 ま た 
は ファ イル の ある 
ココ sz っ フォ ル ダ 名 で も 可 ) 














④ [確認 ] を クリ ッ ク 


20! 


ゃ 
だ 
P4 
ゴ 
る 





2o2 


ME う 


マウ スイ ン ンタ ラク ショ ン ン を 作る ① 


グロ 深 芝 ミシン グ カ : 


Web サイ ト の 中 で 、 何 か 少し だ け 演 出 を 加え た いと 思っ た こと は な いで し ょ うか 。 例え ば 、 テ ィ 
ザー サイ ト な ど コ ン テ ン ツ 内 容 が 少な いと き に 少し 、 も の 寂し く 見 えて し まう こと が ある で 
し ょ う 。 何 か 1 アク ショ ン を 入れ て みた いと いう と き の た め に 、 こ の サン プル を 紹介 し ます 。 
ここ で は 、 マ ウス の 位置 に 合わ せ て 、 カ ラフ ル な 円 の アニ メー ショ ン を 表示 する 表現 を 練習 し 
まじ よう 。 


あ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項 目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 


TGCPCPPDTYCOTY TTYTSPTPTPPPCOTTCTOPY で DOTTTTPPPT YY アヤ P086 へ 
ENTER_FRAME PERCHTCPTCCTRCPECFEPPEF で REEFFPPPFTTRTPFTTPTTPTTPRPTFPPRPFTPTTFPTTTTTPYPD P121 へ 
マウ ス の 位置 を 取得 する PA で PS だき SN P148 へ 
addChild 極 qt P124 へ 
Math:randOo ooo P130 へ 


あゆ この サン プル で 学ぶ 応用 技術 


この サン プル を 通し て 、 以 下 の 応 用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な い 実 制作 で 必要 な 知識 で す 。 


addChild を 利用 し て 、 ラ イブ ラリ に ある ムー ビー クリ ッ プ (ripple) を ステ ー ジ 上 
に 配置 

function の 利用 方 法 

ENTER_FRAME を 利用 し て 、 同 じ 処 理 を 繰り 返す 

ラン ダム な 色 の パタ ー ン を 作る 


fiash で 作る 


サン プ ブル の ai 








PorNy て 


3 


POry チ 








画面 上 の マウ ス の 位置 か ら め 、 カ ラフ ル な 円 が 広がっ て いく アニ メー ショ ン が 表示 され ます 











2 画面 上 の マウ ス の 位置 を 取得 し て 、 円 の アニ メー ショ ン が マウ ス に 追従 し ます 














3 円 は 一 定 の 大 き さ ま で 広がる と 消え 、 繰 り 返 し 円 が 広がっ て いく アニ メー ショ ン が 表示 され ます 。 
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還 ee 還 S 軒 、 SNSS SNN ロ ンコ ン で ん カッ 剛 | 











年 。 メイ ンタ イム ライ ン で 、Ripple (ムー ビー クリ ッ プ ) を マウ ス の 位置 に 動 的 に 貼り 付け る ActionScript を 書き 
ます 。 


20 和 PAT る flash で 作る 





まず は [アクション] パネ ル を 開い て 、function を 2 
り ま す function rippleAnime():yoidt 
作り ます 。 trace("rippleAnime が 呼ば れ ま し た 。"): 
メイ ンタ イム ライ ン 上 に ActionScript を 書い て い } 
きま す 。 
rippleAnime と いう function を 作り まし ょ う 。 











function を 実行 し て み ま す 。 
実行 の 仕方 は 、 こ の 1 行 の み で す 。 





7/functionrippleAnime] を 実行 
rippleAnime(): 





の function を 書き 込ん だ フレ ー ム 以降 で あれ ば 、 い つ で も この 1 行 で 呼び 出す こと が で きま す 。 
購 穴 行 タイ ミン グ を 複数 箇所 用 意 し た と し て も 、 こ の function 内 を 変更 する だ け で 、 す べ て の 実行 時 に 適用 され ます 。 
試し に 、 タ イム ライ ン で 動作 する サン プル を 用 意 し まし た (ripple_function.fla) 。 





















1 
る 


| furctontrippteAnne] を 3 
3 rippleAnime( う : 


functtonirtpalekmwe] 
rtppleAntme( う : 


functon rtppteAnime():vond 
し 3 troce(~rtppleAnt 
3 ) 
4 









れ ま し た 。^ う : 

















la コ ョ FIft E | = 
1 フレ ー ム 目 の フ レー ム ア ク ショ ン に function を 書き 込む 。 
する と 、 そ れ 以 降 の フレ ー ム で あれ ば 、 い つ で も function を 実行 で きる 。 

















左 ステ ー ジ 上 に 黒い 線 だ け の 円 を 描き ます 。 
ムー ビー クリ ッ プ に 変換 し 、 基 準 点 を 中 心 に しま す 。 Wirppe  " 65RGWsmy 
(( さ ャ シャ ル ) 


さら に 右 図 の よう に 、 [ActionScript 用 に 書き 出し ] 日 

に チェ ッ ク を 入れ て (①)、 ク ラス を [Ripple] に し 

ます (②)。 に ーー ニー に ーーー クタ 
「 9 スラ イス の 丘 大 / 即 小 の た め の ガイ ド を 有効 に する 
リンケージ ーー ニー ニー ニュ ニ ーー 














業 別 了 : 
9| [ご 、 
キク ラス = fshr display.Movecip 。。 | 
美 有 有 
「 コ ラン タイ ム 共 有用 に 春 き 出し 
| ランタ イム 共 有 用 に 読み込み 
URL: 
ソー ス 
(し 還 -) ファ ィ ル : 








「 シン ボル. ) シン ポル 名 : シン ボル 1 
コパ プリ ッシュ 琴 に 基 に 秋 暫 








先ほど 書い た function(motion) の 中 に addChild を NB183RIBRI6 ラ SRIBpl50i 


還 記 追加 し ます 。 実行 する と ステ ー ジ に 配置 され ます 。 / 画 面 に 配置 
addChild(ripple): 











PE 肩 実行 する と 画面 左上 に 丸 (1/4) が 表示 され る は ず 
で す 。 
addChild で 画面 に 配置 し た 場合 、 位 置 の 指定 を し 
て いな いと 、 ス テー ジ 上 の 基準 点 (0,0) 画面 左上 
に 配置 され ます 。 ム ー ビ ー ク リッ プ (ripple) の 基 
準 点 は 、 円 の 中 心 に し て ある の で 、 ム ー ビ ー ク リッ 
プ (ripple) の 右 下 の み が 見 えて いる 状態 に な り 、 
円 の 1/4 し か 表示 され ませ ん 。 





ムー ビー クリ ッ プ (ripple) の 基準 京 


ステ ー ジ の 基準 点 (0.0) 








206 PAkr る flash で 作る 





変換 し た ムー ビー クリ ッ プ (ripple) の 中 の タイ ム 
ライ ン に アニ メー ショ ン を 付け まし ょ う 。 
ここ で は 、 円 が だ ん だ ん 大 きく な る アニ メー ショ 
ン を 作り ます 。 大 きく な りき っ た 後に 、 ア ルフ ァ 
を 使っ て 消し ます 。 消え た と ころ の フレ ー ム に 
ActionScript で stop( ) を 設定 し ます 。 


アッ ショ ンー フレ ー ム | 














妥 ムー ビー プレ ビュ ー で 確認 し まし ょ う 。 画面 で は 消え て 見 えな く な っ て いる の で す が 、 ム ー ビ ー ク リッ プ は 画面 に 配置 
2 





























され た まま で す 。 こ の まま に し て お く と 、 描 画 に と て も 負荷 が 掛か る (※ 長 時 間 再生 する と 表示 の 処理 が 遅く な る ) の で 、 
負荷 を 減ら す た め に 、 し っ か り と 削除 する こと が 必要 で す 。 
eo | 
' | 間 
4 5 6 較 
ー 暫 
removeChild を 使っ て 消し ます 。 アタ イム ライ ン を 停 下 
削除 する に は 、removeChild を 使い ます 。 stop(): 
この 円 を 消す 
parent.removeChild(this): 
2o テ 











メイ ンタ イム ライ ン に 戻り 、 IOG0SDUDOSOID) function rippleAnime(ev:EvenU:yoidt 
の 下 に addEventListener を 追加 し ます 。 trace("rippleAnime が 呼ば れ ま し た 。"): 
} 


繰り 返し を 実行 
addEventListener(Event.ENTER_FRAME, rippleAnime): 














畔 ムー ビー プレ ビュ ー で 確認 し まし ょ う 。 
碧 雇 STEP 3 の 円 の 動き を 繰り 返し 、 大 量 に 表示 し て い 
る た め 円 が 何 重 に も な っ て みえ ます 。 




















Flash ム ー ビ ー ド の マウ ス の 倍 置 を 取 掃 し まじ ょ function rippleAnime(ev:Event):void 





う s trace("rippleAnime が 呼ば れ ま し た 。"): 
メイ ンタ イム ライ ン の function(motion) に 右 を 追 yar ripple:Ripple = new Ripple(): 
加 し まし ょ う 。 // マ ウス の 位置 に あわ せ て 画面 に 配置 する 


trace(" マ ウス の X 位 置 "+ mouseX): 
Fripple.x = mouseX: 
trace(" マ ウス の Y 位 置 "+ mouseY): 
Tripple.y = mouseYi: 
// 画 面 に 配置 
addChild(ripple): 

} 


7 繰り 返し を 実行 
ョ addEventListener(Event.ENTER_FRAME, rippleAnime): 











206 PAar < flash で 作る 


過 較 プレ ビュ ー し ます 。 こ うし て 、 マ ウス の 位置 に 円 の 

押 議 アニ メー ショ ン が 配置 され る サン プル の 完成 で す 。 
ここ まで 作っ た サン プル を 用 意 し て お きま し た 。 
[ripple_final.fla] を 開い て 、 動 き を 確認 し て み ま 
し ょ う 。 こ の サン プル で は 、 マ ウス を 左下 か ら 、 
右上 に 移動 させ て いま す 。 




















メイ ンタ イム ライ ン 上 の function(motion) の 中 に 
右 を 追加 し まし ょ う 。 

0xffffff ( 白 ) に Math.random を 掛け 合わ せる こ 
と で 、 カ ラフ ル な 色 を ラン ダム に 作る こと が で き 
ます 。 





ActionScript は 最終 的 に 右 の よう に な り ま す 。 











// 色 の 変更 

ラン ダム に 色 を 作る 

var color:Number = Math.random() * 0xffffffi 

/ カ ラー トラ ンス フォ ー ム を 使う 
vartransform:ColorTransform = new ColorTransform(): 
/ カ ラー トランス フォ ー ム に 色 を 設定 

transform.color = colori 

/ ム ー ビ ー ク リッ プ (ripple) の 色 の 変更 
ripple.transform.colorTransform =transformi 








function rippleAnime(ev:Event):voidt 
yar ripple:Ripple = new Ripple(): 
/ マ ウス の 位置 に あわ せ て 画面 に 配置 する 
Tipple.x = mOuSeXi 
ripple.y = mouseYi 
/ 色 の 変更 
ラン ダム に 色 を 作る 
var color:Number = Math.random() * Oxffffffi 
/ カ ラー トラ ンス フォ ー ム を 使う 
var transform:ColorTransform = new ColorTransform(): 
/ カ ラー トラ ンス フォ ー ム に 色 を 設定 
transform.color = Colori 
ムー ビー クリ ッ プ (ripple) の 色 の 変更 
ripple.transform.colorTransform = tranSformi 
画面 に 配置 
sddChild(ripple): 

} 


繰り 返し を 実行 
addEventListener(Event.ENTER_FRAME, rippleAnime): 
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2!0 


r た CT 


ce 先 


マウ スイ ンタ ラク ショ ン を 作る ② 


PRACTICE 3 に 引き 続き 、Web サイ ト に 加え る ちょ っ と し た 演出 に つい て サン プル を 使っ て 学 
ん で いき まし ょ う 。 こ の サン プル で は 、 タ イム ライ ン を 使わ ず に 円 を 縮小 する ActionScript を 


使っ た アニ メー ショ ン を 作り ます 。 ま た 、 描 画 の メモ リ 使 用 量 の 軽減 に つい て も 、 触 れ て いこ 


プ 得 グラ ミッ ンダ 坊 : 


うと 思い ます 。 


この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 


も 







し 分 か ら な い 項 目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 

functioneeoeoeeeee P086 へ 
TI P140 へ 
マウ ス の 位置 を 取得 する … の ineeneonooeoeoeneneneeneeerrrr P148 へ 
addChild CUUCEPPPPPPCPECEEEEEEEEPEEEPEEEEEEEEE PH P124 へ 
addEventListener/removeEventListener … P092 へ 
Math.random … eeeeneoeoeeenenenーーー … P130 へ 
ENTER_FRAME …… PH 
stage.stageWidth / stage.stageHeight… moment P144 へ 


あゆ この サン プル で 学ぶ 応用 技術 


この サン プル を 通し て 、 以 下 の 応用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な し 実 制作 で 必要 な 知識 で す 。 


fiash で 作る 


タイ ムラ イン を 使わ ず に (ActionScript で ) 行う 、 円 を 縮小 する アニ メー ショ ン 
stageWidth、stageHeight を 利用 し て 画面 の 大 き さ を 取得 

Timer を 利用 し た アニ メー ショ ン の 実装 

ENTER_FRAME と Timer の 違い と 描画 の 使用 メモ リ の 軽減 


サン プル の 




















3 上 記 を 繰り 返し 行い ます 。 


ルル 


ゝ し の 欄 汗 
サ シス プル の 構 に ! ActionScript で Circle( ム ー ビ ー 


クリ ッ プ ) 画面 に 貼付 ける 


プロ パテ ィ 








3 。 ムー ビー クリ ッ プ (Circle) の 中 に 、 円 が 画面 上 の マウ ス の 位置 へ 移動 し な が ら 、 縮 小 し て いく よう に 、 
ActionScript を 書き ます 。 

キキ メイン タイ ムラ イン で 、 ム ー ビ ー ク リッ プ (Circle) を ラン ダム な 大 き さ と 位置 に 表示 させ ます 。 ム ー ビ ー ク 
リッ プ (Circle) を 画面 に 表示 (addChild) する だ け で 、 マ ウス の 軌道 に 合わ せ て 移動 し ます 。 


Pr る flash で 作る 





アニ メー ショ ン の 元 と な る ムー ビー クリ ッ プ を 作成 し ます 。 


タイ ムラ イン 上 に 円 を 描き 、 ム ー ビ ー ク リッ プ に 変換 し (①)、 基 準 点 を 中 心 に し ます 。 変換 する プロ パテ ィ は 下図 の よ 


うに 設定 し ます (②)。 





し コ 


W 昌 」 ょ ーー タ シップ 











ーーー 


シン 





ファ イル : 
ャ ン ボ ポル を : シン ポル 1 


7( プ ッシュ 垢 に に 生 暫 

















ムー ビー クリ ッ プ を マウ ス に 追従 させ る よう に 、 変 換 し た ムー ビー クリ ッ プ の 中 の タイ ムラ イン の 1 フレ ー ム 目 に 
ActionScript を 書い て いき ます 。motion と いう function を 作り 、ENTER_FRAME を 利用 し て この よう に 動き を 付け ま 


し ょ う 。 
/ ア ニメーション 用 function 
、function motion(ev:Even0:voidt 
/ ス テー ジ 上 の マウ ス の X 位 置 (mouseX) に 移動 
x = Staqe.mOuSeXi 
/ ス テー ジ 上 の マウ ス の Y 位 置 (mouseY) に 移動 
y = stage.mouseYi 
1 | 
/ 繰り 返し を 実行 
addEventListener(Event.ENTER_FRAME, motion): 


























2! オ 


これ で は 、 マ ウス カー ソル と 同じ 動き な の で 、 完 成 フ ァイル の よう に 滑ら か に 円 が カー ソル に 向かっ て くる 動き を 付け 
まし ょ う 。 
ここ で 言う スム ー ズ な 動き と は 、 マ ウス カー ソル へ 、 徐 々 に 近づく 動き の こと を 指し ます 。 
徐々 に 近づく と いっ て も 、 速 度 が 一 定 で は な く 、 は じ め は 速く 、 だ ん だ ん と 減速 し て マウ ス に 近づき ます 。 
動き は じ め が 速く 、 だ ん だ ん と 減速 する 動き 、 イ ー ズ アウ ト の 動き を ActionScript で 作っ て いき ます 。 ま ず は 、x 軸 の 
動き の み で 考え 方 を 見 て いき まし ょ う 。 図解 する と 以下 の よう に な り ま す 。 





例 : ムー ビー クリ ッ プ が 0px で マウ スポ ボイン ター が 500px の 場合 


disX( ス テー ジ 上 の マウ ス の X 位置 (mouseX) と ムー ビー クリ ッ プ (Circle) の 距 苑 ) 












100 





1 回 目 に 動く 距離 





マウ スポ イン ター 
MovieClip MovieClip 


// ス テー ジ 上 の マウ ス の xX 位 置 Cmousex) と の 距離 

Var dtSX:Number = stage.mmOuSseX - xi 

// ス テー ジ 上 の マウ ス の X 位 置 Cmousex) と の 距離 の 1/5 近 づく 
X=Xx+ dtsX/ 5: 











は じ め に ムー ビー クリ ッ プ (circle) マ ウス ポイ ンタ まで の 距離 を 計り 、 そ の 距離 の 1/5 を 今 の ムー ビー クリ ッ プ (circle) 
に 加算 し ます 。 

この 計算 式 を 繰り 返す こと で 、 は じ め が 速く 、 だ ん だ ん 遅く な る 動き を 作る こと が で きま す 。 

この よう に 、 は じ め は 100。 次 は 80、64、51.2、…… と 徐々 に 移動 距離 が 短く な る こと で 、 だ ん だ ん と 近づく 動き を 実 
装 で きま す 。 





アニ メー ショ ン 用 function 
、 function motion(ev:Event:voidt 
/ ス テー ジ 上 の マウ ス の X 位 置 (mouseX) と の 距離 
var disX:Number = staqe.mouseX - x: 
// ス テー ジ 上 の マウ ス の X 位 置 (mouseX) と の 距離 の 1/5 近 づく 
X※= ニ ※+ disX / 5: 
/ ス テー ジ 上 の マウ ス の Y 位 置 (mouseY) に 移動 
| y = Stage.mouSseYi | 


} 


繰り 返し を 実行 
addEventListener(Event.ENTER_FRAME, motion) 





PA る flash で 作る 





円 を だ ん だ ん と 小さ くし な が ら 、 マ ウス に 近づけ 
て いき ます 。 先ほど の motion と いう function に 、 
右 の ActionScript を 追加 し ます 。 











/ 横 幅 を 596 す つ 小 さく する 
scaleX = scaleX - 0.05: 

/ 縦 幅 の 縮尺 を 横 編 と 合わ せる 
scaleY = scaleXi: 








本 証 実行 する と 、 小 さく な りつ つ 、 マ ウス に 近づい た と 思い き や 急 に 大 きく な る で し ょ う 。 ムー ビー クリ ッ プ を % 指 定 で 小 
さく する scaleX (scaleY) は 、 一 ( 負 ) の 値 に な る と 左右 (上 下 ) に 反転 し て 大 きく な る 特性 を 持っ て いま す 。 





ムー ビー クリ ッ プ の scaleX の 変化 量 


電 8 


MovieClip MovieClip 


scaleX= 1 scCaleX= 0.5: 





MovieClip 


scaleX= 0: 


| 
1 


MovieClip MovieClip 


scaleX= -0.5: ScaleX= -1: 





了 議 そ こ で 、 scaleX が 0 以下 に な る と 、 画 面 か ら 消え 
誠 る 処理 を 追加 し まし ょ う 。 
また ここ で は アニ メー ショ ン を 終了 する た め に 、 
ENTER_FRAME を 消す 処理 も 追加 し まし ょ う 。 
ここ まで の ActionScript は 右 の よう に な り ま す 。 





/ ア ニメーション 用 function 

| function motion(ev:Even0:ivoidt 

// ス テー ジ 上 の マウ ス の X 位 置 (mouseX) と の 距離 

var disX:Number = stage.mouseX - Xi 

// ス テー ジ 上 の マウ ス の Y 位 置 (mouseY) と の 距離 

var disY:Number = stage.mouseY - y: 

/ ス テー ジ 上 の マウ ス の X 位 置 (mouseX) と の 距離 の 1/5 近 づく 
x= メ OiSX / 5: 

= ニッ +disY / 5: 


横幅 を 5% ず つ 小 さく する 

scaleX = scaleX - 0.05: 

/ 縦 幅 の 縮尺 を 横幅 と 合わ せる 

scaleY = scaleX: 

/ 横幅 (scaleX) が 0 以下 に な る と 

if(scaleX<0){ 
// ア ニメーション を 終了 
removeEventListener(Event.ENTEH_FRAME, motion): 
// 画 面 か ら こ の ムー ビー クリ ッ プ を 削除 
parent.removeChild(this): 

} 

} 


/ 繰 り 返 し を 実生 6 
addEventListener(Event.ENTER_FRAME, motionj 
































呈 実行 する と 、 ス テー ジ に 配置 され る よう に 、 
function に addChild を 追加 し ます 。 
実行 する と 1 つ 画面 に 配置 され て 消え て いき ます 。 


叫 次 に 、 こ の function を Timer 関 数 で 連続 的 に 実行 
誠 し ます 。 function の ( ) の 中 に 「ev:Event| を 入れ 
る の を 忘れ な いよ うに し まし ょ う 。 
実行 する と 図 の よう に な り ま す 。 


Peer 3 flash で 作る 


諾 タイ ムラ イン に ある ムー ビー クリ ッ プ (circle) を 消し て 、 何 も 配置 し て いな い 状 態 に し ます 。 








function addCircle():voidf 
yar circle:Circle = new Circle(): 
addChild(circle): 

} 


/ 実 行 する 
addCircle(): 





| myrimerstart0: 





//"addCircle" を 一 定 間 耳 25 ミ リ 秒 で 実行 する 

繰り 返し を 実行 

var myTimer:Timer = new Timer(25, 0): 
myTimer.addEventListener(TimerEventTIMER, addCircle): 




















ドーーーーーーー- 


ee 人 MM の 軸 の 2 上 上 上 了 軸 CA き の circle.x = Math.random() * stage.stageWidthi 
で 、 画 面 上 の ラン ダム な 場所 に 配置 され る よう に circle.y = Math.random() * stage.stageHeight: | 
し て み ま し ょ う 











実行 する と この よう に な り ま す 。 
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27 の 





色 の 変更 に は [ColorTransform] を 利用 し ます 。 
メイ ンタ イム ライ ン の function(motion) に 右 を 追 
加 し ます 


また 、 サ イズ も ラン ダム に し て み ま し ょ う 。 
同 メ イン タイ ムラ イン の function(motion) に 追加 
し ます 。 


最後 に 、 マ ウス に 近づく 速度 を 少し 遅く し て み ま 

代 す 。 ラ イブ ラリ か ら ム ー ビ ー ク リッ プ (circle) を 選 
択 し 、circle の タイ ムラ イン 上 の function を 編集 
し まし ょ う 。 速 度 を 遅く する た め に 、 移 動 速度 を 
1/5 から 1/10 に 変更 し ます 。 


4 最終 的 に メイ ンタ イム ライ ン の スク リプ ト と 、 ム ー 
ビー クリ ッ プ の スク リプ ト は 次 の よう に な り ま す 。 


Pakr る flash で 作る 





「 


function addCircle(ev:Event):voidt 
yar Circle:Circle = new Circle(): 
circle.x = Math.random() * stage.stageWidthi 
circle.y = Math.random() * stage.stageHeighti 
addChild(circle): 
色 の 変更 
var color:Number = Math.random() * 0xffffffi 
var transform:ColorTransform = new ColorTransform(): 
transform.color = colori 
circle.transform.colorTransform = transformi 


} 


//"addCircle" を 一 定 間隔 25 ミ リ 秒 で 実行 する 
繰り 返し を 実行 
var myTimer:Timer = new Timer(25, 0): 
myTimer.addEventListener(TimerEvent.TIMER, addCircle): 
myTimer.start(): 











// ラ ンダ ム な サイ ス に する 
circle.scaleX = circle.scaleY = Math.random() "2+.5: 





※ ニ = メ *+ disX / 10: 
= ニッ + disY / 10: 











メイ ンタ イム ライ ン 


function addOCircle(ev:Even):voidt 
var Circle:Circle = new Circle(): 
circle.x = Math.random() * stage.stageWidthi 
circle.y = Math.random() * stage.stageHeighti 
circle.scaleX =circle.scaleY = Math.random()*2+.5: 
addChild(circle): 
// 色 の 変更 
var color:Number = Math.random() * 0xffffffi 
vartransform:ColorTransform = new ColorTransform(): 
transform.color = Colori 

| circle.transform.colorTransform = transformi 


} 


/"addCircle" を 一 定 則 隔 25 ミリ 秒 で 実行 する 

// 繰 り 返し を 実行 

var myTimer:Timer = new Timer(25, 0): 
myTimer.addEventListener(TimerEvent.TIMER, addCircle): 
| myTimer.start(): 











ムー ビー クリ ッ プ 

/ ア ニメーション 用 function 

function motion(ev:Even0:voidt 
/ ス テー ジ 上 の マウ ス の X 位 置 (mouseX) と の 距離 
var disSX:Number = staqe.mOuSeX - Xi 
アス テー ジ 上 の マウ ス の Y 位 置 (mouseY) と の 距離 
var disY:Number = stage.mOuSseY - yi 
/ ス テー ジ 上 の マウ ス の X 位 置 (mouseX) と の 距離 の 1/10 近づく 
x*= ニ x+disX/ 10: 
y=y+ disY / 10: 


横幅 を 59%% す つ 小 さく する 

scaleX = scaleX - 0.05: 

/ 縦 幅 の 縮尺 を 横幅 と 合わ せる 

SCaleY = ScaleXi 

/ 横 直 (scaleX) が 0 以下 に な る と 

if(scaleX<0){ 
アニ メー ショ ン を 終了 


removeEventListener(Event.ENTER_FRAME, motion): 


画面 か の ら こ の ムー ビー クリ ッ プ を 副 除 
parent.removeChild(this): 


} 
} 


/ 紹 り 返し を 実行 
addEventListener(Event.ENTER_FRAME, motion): 


て O し りん AP びび / 


ENTER_ FRAME と Timer の 違い 


[ENTER_FRAME」 は 一 定 間隔 で ActionScript を 実行 する の に 最適 で す 。 

特に この サン プル の よう な 、 ユ ー ザ ー の マウ ス の 動き に 反応 し た アニ メー ショ ン を 作る 際 に と て も 有効 で す 。 
[ENTER_FRAME」 は 実行 スピ ー ド (繰り 返し 実行 する スピ ー ド ) が FPS (フレ ー ム レー ト ) に 依存 する た め 、 こ の 
サン プル ファ イル (FPS が 30) で す と 、1 秒 間 に 30 回 実行 され る こと に な り ま す 。 

た だ し 、 こ こ に 注意 が 必要 で す 。 パ ソコ ン の スペ ッ ク に よる の で す が 、 こ れ だ け 多 く の 回 数 円 を 表示 する アニ メー 
ショ ン を 実行 する と その 分 描画 に 必要 な メモ リ を 使用 する こと に な り ま す 。 使用 量 が 一 定 値 を 超え る と 、 急 に 画 
面 の 表示 が 遅く な り 、 ス ムー ズ に 表示 され な く な っ て し まう こと が あり ます 。 

今回 の PRACTICE 3 で 紹介 し た サン プル も 、1 秒間 に 30 回 実行 し な く て も 、 美 し い 表現 に 必要 な 回 数 は ま か な 
えま す 。 

実行 回 数 を 減ら すこ と で この メモ リ 使 用 量 を 軽減 する こと が で きる の で す が 、「ENTER_FRAME] は 実行 スピ ー 
ド ( 繰 り 返 し 実行 する スピ ー ド ) が FPS (フレ ー ム レー ト ) に 依存 する た め 、 表 示す る 間隔 を 制御 で きま せん 。 
そこ で 、 こ の サン ブル で は 、Timer 関数 を 利用 し まし た 。Timer 関 数 は 繰り 返し 実行 する タイ ミ ング を 自由 に 設 
定 で きる の で 、ActionScript で 描画 に 使用 する メモ リ を 軽減 する こと が で きま す 。 も し 、ENTER_FRAME を 利 
用 し た アニ メー ショ ン で 描画 が 遅く な る 現象 を 確認 し た な ら ば 、 こ の Timer 関 数 を 使っ て み ま し ょ う 。 
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プ ブ ォ トビ ュー ワー ー を 作る 


を 区 交 次 プロ グラ ミン グ カ : 


サイ ト で 写真 の ギャ ラリ ー ペ ー ジ を 見 か ける こと が ある と 思い ます が 、 そ れ ら は Flash で 作ら 
れ て いる こと が 多い で す 。 こ こ で は ギャ ラリ ー ペ ー ジ な ど で よ く 使 われ る よう な フォ トビ ュー 
ワー を 作っ て いき ます 。 写真 が 入れ 替わる だ け な ら 、 ア ニメーション だ け で 作る こと が で きる 
の で す が 、ActionScript を 使う こと で 、 で きる だ け 更 新 が し や すい 構造 を 作成 で きま す 。 
えば 写 真 を 外部 か ら 読み 込む こと で 、 た え ず 最新 の 写真 が 表示 され る よう に し た り 、 写 真 の 数 
に よっ て サム ネイ ル の 数 も 動 的 に 変更 で きた り し ます 。 今回 は 構造 の 設計 方 法 も 重要 に な る の 
で 、 そ の 辺り を 説明 し な が ら 作 っ て いき ます 。 


あ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項 目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 





イベ ント リス チ ナチ oe に eetneeoste an 二 
外部 ファ イル を 読み 込む (Loader) CCCCCCCCUYPCTCLLLLLPLP P158 へ 
一 定 間隔 で function を 呼び 出す (Timer) ee P140 へ 


象 この サン プル で 学ぶ 応用 技術 


この サン プル を 通し て 、 以 下 の 応 用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な し い 実 制作 で 必要 な 知識 で す 。 


更新 性 の ある 仕組 み を 組み 立て る 
外部 画像 か ら サ ムネ イル を 作成 する 


flash で 作る 


サン プル の 説明 


JPEG ファ イル 


外部 ファ イル の 画像 サム ネイ ル が 画面 の 右 に 表示 され ます 。 こ こ で は 外部 の 画像 ファ イル を 読み 込ん で 、 そ 
の 後 リ サイ ズ を し て いま す 。 

』 2 一定 間 隔 で サム ネイ ル が 選択 され ます 。Timer ク ラス と いう 機能 を 使い 、 一 定 間隔 に 命令 を 呼び 出し ます 。 
間隔 の タイ ミン グ は ActionScript で 自由 に 設定 で きま す 。 

」 3 選択 され た サム ネイ ル の 画像 が 画面 いっ ぱい に 表示 され ます 。 自動 的 に 写真 が 切り 替わる 仕組 み と 、 サ ムネ 
イル を クリ ッ ク し て 切り 替わる 仕組 み を 混合 させ て み ま し た 。 
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サン プル の 構造 









画像 の 読み 込み 
十 リ サイ ズ 
大 き な MovieClip 







サム ネイ ル 表 示 用 
MovieClip が 複数 





_! 。 メイ ンス テー ジ に は 大 き な MovieClip と 小さ な MovieClip が 1 つ ず つ 置 か れ て いま す 。 大きな MovieClip に 
は メイ ン 画 像 を 読み 込み 、 小 さ な MovieClip に は 複数 の サム ネイ ル を 読み 込み ます 。 


2 タイ ムラ イン は 1 フレ ー ム の み で す 。 さ き ほ どの ムー ビー クリ ッ プ が 置か れ て いる レイ ヤー が 2 つと 
ActionScript が 書か れ て いる レイ ヤー が あり 合計 で 3 つの レイ ヤー の み で す 。 


_ 3 サム ネイ ル は 写真 の 数 に より 数 が 増減 する の で 、ActionScript で 配置 し ます 。 
サム ネイ ル 表 示 用 MovieClip 自体 は ライ ブラ リ に 保存 し て お きま す 。 


_+ サム ネイ ル 画 像 と メイ ン 画 像 は どちら も 同じ ファ イル を 読み 込ん で いま す 。 
サム ネイ ル 画 像 は 読み 込ん だ 後に リサ イズ し て いま す 。 


PAkr る flash で 作る 





鐵 ステ ー ジ 上 に は 2 つの MovieClip が あり ます 。1 つ 

が メイ ン 画 像 表示 用 で 、 も う 1 つ が サム ネイ ル 表 
示 用 で す 。 サ ムネ イル 表示 用 に は 複数 の サム ネイ 
ル が 動 的 に 配置 され ます 。 


サム ネイ ル 画 像 表示 用 MovieClip 
メイ ン 画 像 表示 用 MovieClip 
それ ぞ れ の MovieClip に イン スタ ンス 名 を 付け ま 
す 。 [プロパティ] パネ ル を 開い て 、 メ イン 画像 用 は 


「mainTarget]、 サ ムネ イル 用 は 「thumbnailTargetl. 
と し ます 。 


も う 1 つ ActionScript 用 レイ ヤー を 追加 し 、 
ActionScript を 書い て いき まし ょ う 。 





Sa FE Eo 

る 且 で 導 じ だ 1 ズ クリ コト KN od var photoArr:Array 生 写真 の URL を 保存 する 配列 | 
変数 や 配列 を 書き ます < var imageTimer:Timeri 本 写真 を 自動 的 に 変更 する タイ マー 

var biglmageLoader:Loaderi 午 大 き な 画 像 を 読み 込む ロー ダー 

var imageNum:Number = 0 和 現在 表示 され て いる 画像 の 番号 
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まず は [アク ショ ン ] パネ ル を 開い て 、STEP1 で 記 
述 し た 変数 の 下 に 実際 の 配列 を 作り ます 。 そ こ に 
今回 読み 込み た い フ ァイル 名 を 保存 し て お きま す 。 
ここ の ファ イル 数 を 変更 する だ け で 、 サ ムネ イル 
の 数 が 自動 的 に 変わ り ま す 。 








/ 配列 を 設定 する 

photoArr = new Array(): 
photoArr[O] = "image0.jpg'i 
photoArr[1] = "image1.jpd': 
photoArr[2] = "image2.jpg'i 
photoArr[3] = "image3.jpg'i 








較 サ ムネ イル を 表示 させ る MovieClip を 88 x 
76pixel の 四角 形 で 作り ます 。 中身 の 写真 は 80X 
55pixel で 表示 する た め 、 サ ムネ イル の 周囲 に 枠 
が で きま す 。 
MovieClip の 中 心 点 は 真ん中 に し て お きま す 。 


叫 「 サ ムネ イル | MovieClip の クラ ス 名 を 「Thumbnail 
員 と し ます 。 
今回 は 実際 の Thumbnail クラ ス を 生成 し ませ ん 。 
自分 で 作成 し な い 場 合 は 、Flash が 自動 的 に 作成 
し て くれ ます 。 


ここ に クラ ス 名 を 入れ る の は 、 ク ラス 独自 の 働き 
を させ る と いう より も 、ActionScript で 操作 する 
た め に 一 意 の 名 前 が 必要 と いう 理由 で す 。 





PAkr る flash で 作る 








88 pixel 
ーーーーーーーーーーーー 
日 
枠 の 部 分 
画像 を 表示 
80 pixel 





MD 9 ネイル [am | 
2: ムービ ク 52 問 tr | 











for ル ー プ を 使っ て サム ネイ ル を 配置 し ます 。 


画 STEP2 で Thumbnal ク ラス と サム ネイ ル 


MovieClip を ライ ブラ リ で 結び つけ た た め 、 
ActionScript で この MovieClip を 動 的 に 配置 で き 
ます 。 





/ サム ネイ ル を 並べ る 
function setThumbnail() { 
for (var =0: icphotoArr.lengthi は +){ 
信 photoArr.length で 配列 の 長 さ を 取得 で きる 
yar mc:Thumbnail = new Thumbnail(): 


信 この Thumbnail クラ ス が サム ネイ ル MovieClip と 結び つい て いる 


mc.※=4: 

信 左右 に それ ぞ れ 4pixel の 幅 を 空け る 
mcy=1*76+44 

人 80pixel の 幅 で 順番 に 並べ る 
thumbnailTarget.addChild(mo)i 


信 thumbnailTarget の MovieClip に 配置 する 


} 





サム ネイ ル 画 像 自体 は 55pixel で す が 、80pixel の 
間隔 を 空け て 配置 し ます 。 


現在 の と ころ の コー ド は この よう に な り ま す 。 








で 
サム ネイ 人 画像 きる 
IO 
の 


80 pixel 


サム ネイ ル 画 像 








/ 変数 、 配 列 を 設定 する 

yar PhotoArr:Array 

yar imageTimer:Timeri 

yar biglmageLoader:Loaderi 
yar imageNum:Number=0: 


// 配列 の 値 を 設定 する 
photoArr= new Array0: 
photoArr[O] = "image0.jpg': 
photoArr[1] = "image1.jpg': 
photoArr[2] = "image2.jpg' 
photoArr[3] = "image3.jpg' 


photoArr[4] = "image4.jpd': 


/ setThumbnail を 実行 する 
setThumbnail(): 


/ サム ネイ ル を 並べ る 
function setThumbnail() { 
for (var = に 0: i<photoArr.lengthi ++) て 
yar mc:Thumbnail = new Thumbnail(): 
mc.y =1i" 80: 
thumbnailTarget.addChild(moc): 
1 
} 





の 2 だ 
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STEP2 の ActionScript に 続け て 、 画 像 
を 読み 込む ActionScript を 書き ます 。 
画像 の 読み 込み に は Loader ク ラス を 使 
いま す 。 








隊 略 サム ネイ ル に は 周囲 に 枠 を 付け た いた 

還 斉 め 、 左 か ら 4pixel 離 し て 配置 し ます 。 
サム ネイ ル の 枠 は 88pixel な の で 、 あ と 
で 画像 を 80pixel に 変更 し ます 。 


了 の さら に 「 画 像 が 読み 込ま れ た ]」 と いう こと 
細 を 知る た め に 、addEventListener を 使っ 


て 、 イ ベン ト の 通知 を 待ち ます 。 





際 画像 が 読み 込ま れる と 指定 し た 関数 が 呼 
内 び 出さ れ ま す 。 そ こ で 画像 の 大 き さ を 変 
更 し ます 。 


PAkr る flash で 作る 








/ サム ネイ ル を 並べ る 
function setThumbnail() { 
for (var =0: icphotoArr.lengthi ++) ( 


// サム ネイ ル 画 像 を ロー ド す る 

var loader:Loader = new Loader(): 

var url = "images/"+photoArr[il: 和 を 与 真 が 置い て ある URL を 指定 
var urIRequest = new URLRequest(url): 
loader.load(urlReques1): 

loader.x = 4: Q 画像 は サム ネイ ル 栓 の 左端 か ら 4pixel ず ら す 
loader.y = 17: を 画像 は サム ネイ ル 枯 の 上 端 か ら 17pixel ずら す 
mc.addChild(loader): 











88 pixel 


17 pixel 


76 pixel 





80 pixel 
トーーーーーーーーーーーーー1 








function setThumbnail() { 
for (var =0: i<photoArr.lengthi は +) { 


loader.contentLoaderlnfo.addEventListener(Event.COMPLETE, 
onThumbnailLoad): 
人 一 番目 の 引数 が イベ ント の 種類 で 、 二 番目 の 引数 が イベ ント が 通知 きれ 
た 場合 に 呼ば れる 関数 











// サム ネイ ル が ロー ド さ れ た ら 実 行 さ れる 
function onThumbnailLoad(eventObj) { 
var mc = eventObj.tarqet.loaderi 
せ 画像 が 置か が れ て いる 場所 は 引数 の 中 に ある 「.target.loader] と いう と ころ 
で 指定 で きる 
mc_width = 80: 
mc_height = 55: 
人 画像 の 大 き さ を 変更 する 





= デー ディ 














顧 imageNum と いう 変数 を 基準 と し て 、 現 在 読み 込 


む 画 像 を 判断 し ます 。 image0.jpg= 保存 され た 番号 を も と に URL 
photoArr [imageNum] を 特定 し 、 画 像 を 読み 込む 


1 ロ 


クリ ッ ク で 番号 を 保存 











Thumbnail ク ラス を クリ ッ ク で きる よう に イベ ン 
ト を 登録 し ます 。 
イベ ント の 登録 に は addEventListener を 使い ます 。 


し < 











function setThumbnail() { 
for (var =0: icphotoArr.lengthi は +) { 
var mc:Thumbnail = new Thumbnail(): 


mc.num = 年 すね ネイ ル に 番号 を 公 存 する 

mc.mouseChildren = falsei 御 サム ネイ ル 内 の 要素 押さ れ た 場合 に 、 内 部 要素 の ウッ リ ッ ク イ ベン ト を 無 冶 に する 
mc.addEventListener(MouseEvent.CLICK, onThumbnailClick): を ラク リーク の イベ ー ト を 登録 する 
mc.buttonMode = truei 本 ボタ ン を ロー ルオ ー バ パー し た 魔 に マウ ス を 指 に 変更 する 
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onThumbnailClick で クリ ッ ク イ ベン ト を 受け 取り ます 。 
思 ここ で 現在 押さ れ て いる サム ネイ ル の 番号 を imageNum 変数 に 保存 し ます 。 





function onThumbnailClick(eventObj) { 
imageNum = eventObj.target.numi 
人 setThumbnail で 保存 し た サム ネイ ル の 番号 を 取得 し 、 現 在 押 され て いる 番号 を imageNum に 保存 する 。 
loadimage(): を 大 き な 画 像 を ロー ド す る loadImage を 呼び 出す 











loadImage メ ソ ッ ド で は 、mainTarget ム ー ビ ー ク リッ プ に 大 き な 画 像 を 読み 込み ます 。 読み 込み 方 法 は サム ネイ ル の 
細 議 と き と 同じ で す 。 





function loadImage() { 
var url = "images/"+photoArr[imageNuml]i 保存 し た imageNum を も と に 、photoArr の 配列 か ら 写真 の URL を 取得 する 
var req = new URLRequest(url): 
biglmageLoader = new Loader(): 生 Loader クラ ス で 画像 を 読み 込む 
biglmageLoader.load(req): 
mainTarget.addChild(biglmageLoader): を 読み 込ん だ 画像 を mainTarget と いう ムー ビー クリ ッ プ に 配置 する 








弓 タイ マー を スタ ー ト させ る startTimer を 作成 し ます 。 こ こ で は 3 秒 ご と に onTimerCalled を 呼び 出し ます 。 





function startTimer() { 
imageTimer = new Timer(3000, 0): や 3 秒 (3000 ミリ 秒 ) 間 也 で 無限 に 実行 する 
imageTimer.start(): 年 タイ マー を スタ ー ト させ る 
imageTimer.addEventListener(TimerEvent.TIMER, onTimerCalled): 
信 タイ マー が 実行 され る た びに onTimerCalled メ ソ ッ ド が 呼び 出さ れる 








吐 呼び 出さ れる onTimerCalled メ ソ ッ ド を 作成 し ます 。 基 本 的 に は imageNum の 番号 を 繰り 上 げ て 、 次 の 画像 を 読み 込 
岬 識 み ま す 。 





function onTimerCalled(eventObj) { 
imageNum++: 連呼 ば れる た びに 』mageNum の 番号 を 増やし て いく 
if(imageNum >= photoArr.iength) { 
す photoArr( 写 真 の URL を 保存 し て いる 配列 ) の 長 さよ り 大 きく な る と imageNum を 0 に 戻す 
imageNum = 0: 
} 
loadlImage(): 寺 示 きす 画 信 を 計 み ど 











PAgr る flash で 作る 


最後 に タイ ムラ イン の 最初 に これ ら の メソ ッ ド を 呼び 出 atartTimer0i を を タイ マー を 動 


し て あげ ます 。 setThumbnail(): 和 ブー テイ ま 雪 二 
そう する こと で プロ グラ ミン グ が 実行 し ます 。 loadImage(): 和 時 科大 ます 画展 を 計る も 





4 今回 の サン プル の コー ド の 全体 図 で す 。 

剛 初期 設定 項目 を 一 番 上 に 記述 し て お き 、 そ の 次 に 関数 、 最 後に イベ ント を 受け 取る 関数 を 並べ て いま す 。 こ れ が すべ て 
正しい 書き 方 と いう わけ で は あり ませ ん が 、 こ うし て 機能 ご こと に カテ ゴ ラ イ ズ す る と 、 コ ー ド の 中 身 が 理解 し や すい で 
し ょ う 。 








yar photoArr:Array 

var imageTimer:Timeri 

yar biglmageLoader:Loadeiri 
var imageNum:Number = 0: 


人 ミニ ニー ニー ニニ ニー ニーー 
/ 初期 化 の 処理 
os と 
photoArr = new Array(): 
photoArr[O] = "image0.jpd': 

































photoArr[1] = "image1.jpd': 
photoArr[2] = "image2.Jpd'i 
photoArr[3] = "image3.pd'i 
photoArr[4] = "image4」jpd'i 
ーーーーーーーーーーーーーーーーーーーーーーー ニ ーー ニニ ーーーー 
// 閲 数 の 実行 
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 
startTimer(): 
setThumbnail(): 
loadImage(): 
ガーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 
// 関数 
ガーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 
ーー 
/ サム ネイ ル を 並べ る が イベ ント を 受け 取る 関数 
function setThumbnail() { グー 
// コー ド は 省略 
} / サム ネイ ル が 押さ れ た ら 実 行 さ れる 
function onThumbnailClick(eventObj) { 
// タイ マー を スタ ー ト する / コー ド は 省略 
function startTimer() { } 
// コー ド は 省略 
} / サム ネイ ル が ロー ド さ れ た ら 実 行 され る 
function onThumbnailLoad(eventObj) { 
/ 大 き な 画 像 を 読み 込む / コー ド は 省略 叶 
function loadImage() { } 
/ コー ド は 省 路 
} / タイ マー が 呼ば れる た びに 実行 され る 
中 function onTimerCalled(eventObj) { 
/| // コー ド は 省略 
} 
/ 大 き な 画 像 が 読み 込ま れ た ら 実 行 され る 
function onImageLoad(eventObj) { 
/ コー ド は 省略 
} 





ド 
ド 
\g 
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スク リー ン セ ー バ ー を 作る 


表現 力 : 


Flash コンテ ン ツ は ブラ ウザ で 表示 する コン テン ツ に 利用 され て いる の は も ちろ ん 、 そ の 他 に 
も いろ いろ な シチュ エー ショ ン で 使わ れ て いま す 。 こ こ で は その 中 で も スク リー ン セ ー バ ー を 
Flash で 作っ て いき ます 。 そ し て 、 ス クリ ー ン セー バー に は 起動 する 度 に 登録 し た ブロ グ の 


ブ プログラミング カカ |: 


RSS を 取得 し て 表示 する 機能 を 付け 、 毎 回 起動 する 度 に 表示 が 変化 する よう に し ます 。 


⑱ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項 目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 








配列 ………… 
テキ スト フィ ー ル ド 
クラ ス 
外部 ファ イル を 読み 込む (Loader) 


イベ ント の 取得 (addEventListener) ee P090 へ 
一 定 間隔 で function を 呼び 出す (Timer) ememeeenennnenrnnnnn P140 へ 
XML ファ イル を 読み 込む (URLLoaden ……ーーiimereim P162 へ 


ゆ この サン プル で 学ぶ 応用 技術 


この サン プル を 通し て 、 以 下 の 応 用 技術 を 学び ます 。 


基礎 知識 だ け で は カバ ー で き な し い 実 制作 で 必要 な 知識 で す 。 


RSS デー タ の 読み 込み 

外部 SWF ファ イル の 読み 込み 

繰り 返し 動作 する プロ グラ ム の 考え 方 
Flash で スク リー ン セ ー バ ー を 作る 方 法 


flash で 作る 





サン プル の 説明 


外部 SWF フ ァイル 





































































RAG FAIR メン バー、 過 Z 
村 政 作 が 2 ちゃ ん ね る 
批判 ! ブロ グ が 炎上 ! 


RAG FAIR メン バー、 上 典 
村 政 條 が 2 ちゃ ん ね る 
批判 ! ブロ グ が 秋 上 ! 



















。」 複数 の RSS を XML ファ イル に 記載 し 、 動 作 開始 時 に 読み 込ん で 、 RSS に 関す る 情報 を 読み 込み ます 。 そ し 
て 、 そ の RSS の 中 の 1 つの 記事 情報 を ラン ダム に 決め 、 その 記事 情報 の 種類 に 応じ て 画面 右側 に キャ ラク 
ター を 表示 させ ます 。 こ の キャ ラク ター は 外部 SWF ファ イル と し て 保持 し て いま す 。 





で 
> 
] 


3 吹き 出し の 中 の 記事 情報 を 最後 まで 表示 し た ら 、 画 面 下 か ら 小さ い キ ャ ラク ター を 表示 させ ます 。 以 後 、 ま 
た ラン ダム に 記事 情報 を 取得 し 、 キ ャ ラク ター を 表示 させ る 処理 を 繰り 返し ます 。 
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サン プル の 構造 





2 つの テキ スト フィ ー ル ド パー ツ を まとめ た 育 景 外部 SWF フ ァイル リン ケー ジ 指 定 し た 
ムー ビー デー クリップ Py 4) に 2 ァ 』 
































拓 厚 メイ ンス テー ジ に は 背景 と な る ムー ビー クリ ッ プ の ほか に 、 吹き 出し や 小さ な キャ ラク ター が 入っ て いる 
ムー ビー クリ ッ プ と 、 テ キス ト フ ィ ー ル ド が 2 つ 配 置 さ れ て いま す 。 


2 、 吹き 出し や 小さ な キャ ラク ター が 入っ て いる ムー ビー クリ ッ プ は 、 テ キス ト フ ィ ー ル ド よ り も 下 に 重なっ て 
表示 され る よう に 、 レ イヤ ー は テキ スト フィ ー ル ド よ り 下 に セッ ト し ます 。 


3 。 2 つの テキ スト フィ ー ル ド は 、 いずれ も 吹き 出し 内 に 表示 され る 文字 の た め に 配置 し て いま す 。 今回 は スク 
リー ン セ ー バ ー と し て SWF を 利用 する の で 、 パ ブリ ッシュ 後 の SWF フ ァイル サイ ズ に は あま りこ だ わる 必 
要 が あり ませ ん 。 で す の で 、 こ れ ら の テキ ス ト フ ィ ー ル ド に は 日 本 語 フ ォ ン ト を 埋め 込ん で いま す 。 


年 。 ライ ブラ リ に は 配置 し て いる ムー ビー クリ ッ プ や 動 的 に 表示 する ムー ビー クリ ッ プ 、 お よび それ ら を 作る た 
め の パ ー ツ ムー ビー クリ ッ プ や ビッ トマ ッ プ が 格納 され て いま す 。 
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まず 1 つ ス テー ジ 上 に レイ ヤー を 用 意 し 、 背 景 の ムー ビー 
クリ ッ プ シン ボル を 置き ます 。 そ の ほか 、 吹 き 出し や 小さ 
な キャ ラク ター が 入っ て いる ムー ビー クリ ッ プ を 配置 する 
た め の レ イヤ ー と 、2 つ の テキ スト フィ ー ル ド を 配置 する た 
め の レ イヤ ー を 作り ます 。 








クリ ッ プ を 作成 し 、 イ ンス タン ス 名 を 「container_mc」 に 
し ます 。 その 中 に 吹き 出し や 小さ な キャ ラク ター の ムー ビー 
クリ ッ プ を 5 つ ず つ 置 きま す 。 吹き 出し の ムー ビー クリ ッ 
プ は 座標 を すべ て (0,0) に 設定 し 、 小 さ な キ ャ ラク ター の 
ムー ビー クリ ッ プ は 表示 する タイ ミン グ で プロ グラ ム か ら 
整列 させ る の で 、 任 意 の 位置 に 設定 し ます 。 


吹き 出し や 小さ な キャ ラク ター を 配置 する た め に ムー ビー 











m 次 に 2 つ テ キス ト フ ィ ー ル ド ( ダ イナ ミッ ク テ キ スト ) を 作成 し 、 画 面 上 の テキ スト フィ ー ル ド の イン スタ ンス 名 を 

っ [line_txtl、 画 面 下 の テキ スト フィ ー ル ド の イン スタ ンス 名 を 「Iine2_txt] と し ます 。2 つ の テキ スト フィ ー ル ド に 日 本 
語 フォ ント を 埋め 込む 設定 な ど を [プロパティ] パネ ル で 行い ます 。 今回 は RSS 経 由 で 表示 し た い 文 字 が 分 か る の で 
基本 的 に すべ て の 文字 セッ ト を 埋め 込み ます 。 画 面 上 の テキ スト フィ ー ル ド に は 「 小 塚 明 朝 Pro] を 、 画 面 下 の テキ ス 
ト フ ィ ー ル ド に は 「 小 塚 ゴ シッ ク Prol」 を 選択 し ます 。 
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ステ ー ジ 上 に も う 1 つ ActionScript 用 の レイ ヤー を 追加 し 、 そ こ に ActionScript を 書き ます 。 は じ め に 
体 で 使用 する 変数 を 書き ます 。 


プロ グラ ム 全 





設定 XML ファ イル か ら 取 得 し た デー タ を 格納 する 配列 
yar settingDataArray = [[: 


/ ラン タム に 決め る 表示 中 の HSS の 配列 番号 を 保存 する 


var selectedRssNum = 0: 


// RSS の 記事 情報 の 中 で 表示 中 の も の の 配列 番号 を 保存 する 
var selectedltemNum = 0: 
/ ENTER_FRAME が 実行 され た 数 を カウ ント する た め の 変数 
var enterFrameCount = 0: 


/ 小さ い キ ャ ラク ター の イン スタ ンス 名 すべ て を 格納 する 配列 
Var AUGOaaMoVISCIIEAYSW ec mc", "geino_mo", ke mc"」 "huho_mc", "seiji_mc"]i 








プロ グラ ム の 動作 を 開始 させ る と き に 、 ま ず 最 初 に 行う 処理 の こと を 「 初 期 化 (initialize : イニ シャ ライ ズ )」 処理 と 呼び 
ます 。 こ の サン プル で は 、container_mc の 中 に 配置 し た 吹き 出し や 小さ な キャ ラク ター の ムー ビー クリ ッ プ を 非 表示 
に する 処理 と 、 テ キス ト フ ィ ー ル ド の 中 身 を 空 に する 処理 を 行っ て いま す 。 そ し て 、 初 期 化 処理 が 終わ っ た ら 、 最 初 に 
動作 させ る 関数 を 実行 し て 、 次 に 動作 を つなげ ます 。 





PA&rT る 


// 初期 化 関数 を 実行 
init(): 


/* 
* 初期 化 

y 

function init() 


{ 


// テキ スト フィ ー ル ド の 中 身 を 空 に し て お く 
line_txt.text = "% 
line2_txt.text =" 邊 


/ 小さ い キ ャ ラク ター の ムー ビー クリ ッ プ を すべ て 非 表 示 に する 
for(vari=0:i<smallCharaMovieClipArray.lengthi i++) { 
yar mcName = smallCharaMovieClipArray[ii: 
yar mc=container_mc.getChildByName(mcName): 
mc.visible = false: 
mec-stop(): 


} 


// 吹き 出し の ムー ビー クリ ッ プ すべ て を 非 表 示 に する 
for(varj= 1:」<= 5: j++) 【 
yar fukidashiName = "fukidashi" +j+ "me 
var fukidashi_mc = container_mc_.getChildByName(fukidashiName): 
fukidashi_mc.visible = falsei 
fukidashi_mc.stop(): 


} 


/ XML の 読み 込み 開始 
loadXML(): 








flash で 作る 


小さ い キ ャ ラク ター 


ふき だ し 


新しい スキ ン ケ ア 「 音 
濾 洗 顔 」 で 、 ツ ルツ ル 
の 美肌 へ 。 


が 、 美 し さ の ヒミツ 














設定 XML 
ファ イル 





① 読 み 込み 


各 ジ ャ ン ル ご と の 情報 を 取 
得する た め の RSS の URL 


が 書い て ある 


② ラ ンダ ム に RSS の URL を 
選ん で 読み 込む 


Eil 
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読み 込む XML は 、RSS ご と に 1 つの ノー ド を 作り 、RSS の URL の ほか に 、 右 側 に 表示 する 大 きい キャ ラク ター の SWF 
ファ イル 名 や 画面 下 に 表示 する 小さ い キ ャ ラク ター の 種類 、 吹 き 出し の 形 、 情 報 の 最後 に 付け る 語尾 な ど を 決め て いま 
す 。 つ まり 、 こ れ ら の 情報 で あれ ば 、 再 パブ リッ シュ の 必要 な く 変 更 が 可能 で す 。 


<?xml version="1.0" encoding="UTF-8"?> 
<Setting> 
<data bigchara='geino-swf' smallchara="huho.seij.fashion,gourmet" fukidashi="1" news="http://ge-nou.net/ 
Index.xml'><![CDATA[ だ っ て 、 奥 さん !]]></data> 
<data bigchara="fuho.swf' smallchara="geino.seiji.fashion,gourmet* fukidashi="2" news="http://projects. 
dynalogue.com/dev/cshool/conv.php?url=http://news.ceek.jp/rss/obituaries.rdf&enc=euc-jp"><![CDATA[… 
ご 甘 傷 様 …]]></data> 
<data bigchara="seijswf' smallchara='geino.huho.fashion,gourmet" fukidashi=*3" news="http://projects. 
dynalogue.com/dev/cshool/conv.php?url=http://news.ceek.jp/rss/politics.rdf&enc=euc-jp"><I[CDATA[ ご 存 
知 さ ます ?]]></data> 
<data bigchara="fashion-swf' smallchara="geino.huho.seijgourmet' fukidashi="4" news="http://projects. 
dynalogue.com/dev/cshool/conv.php?uri=http://woman.excite.co.jp/beauty/xml/?f=topics&enc=SJIS- 
win"><![CDATA[ が 、 美 し さ の ヒミツ ]]></data> 
<data bigchara="gourmetLswf' smallchara="geino.huho.seij.fashion" fukidashi="5" news="http://www.blog- 
s-woman-net/sweets/index.rdf"><![CDATA[ 激 ウマ で す の よ ー]]></data> 
<data bigchara="akiba.swf" smallchara="geino.huho,seiji.fashion,gourmet' fukidashi="2" news="http://akiba. 
Kakaku.com/index-xml><![CDATA[ ナ リ よ 。 ]]></data> 
<data bigchara="mametisiki.swf' smallchara="geino.huho.seijifashion.gourmet' fukidashi="4" news="http:// 
turenetblog91.fc2.com/?2xml"><![CDATA[ な ん だ ヨ 、 ハ ニー]]></data> 
</setting> 


XML ファ イル や プレ ー ン テキ スト ファ イル の よう な 、 テ キス ト エ ディ タ で 開く こと が で きる ファ イル を 総称 し て 「 テ キ 
スト ファ イル ] と 呼び ます 。 ActionScript 3.0 で テキ スト ファ イル を 読み 込む と き は 、URLLoader クラ ス を 使う の が 一 
般 的 で す 。URLLoader 型 の イン スタ ンス は ファ イル の 読み 込み が 終わ る と COMPLETE イ ベン ト を 発行 する の で 、 そ 
の イベ ント に 対し て 関数 を リス ナ 登 録 す る こと で 、 読 み 込ん だ 後 の 動作 を 行う こと が で きま す 。 





ぶ 
* XML を 読み 込む 
W 


function loadXML() 
{ 
/ URLLoader 型 の イン スタ ンス を 生成 
Var xmlLoader:URLLoader =new URLLoader(): 
// 読み 込む ファ イル の 種類 を 指定 
xmlLoader.dataFormat = URLLoaderDataFormat.TEXT: 
// 読み 込み 完了 時 に 発行 され る イベ ント を 取得 で きる よう に リス ナ 登 録 
xmlLoader.addEventListener(Event.COMPLETE。 xmlLoader_completeHandler): 


/ URLRequest イ ンス タン ス を 生成 

Var rediURLRequest = new URLRequest("setting.xml"): 
/ XML ファ イル を 読み 込む 

xmlLoader.load(req): 


PAjr る flash で 作る 


XML ファ イル の 読み 込み や 画像 の 読み 込み な ど 、SWF フ ァイル 外部 の 情報 を 読み 込む 場合 、「 読 み 込む まで の 処理 ] 

う と 「 読 み 込 ん だ 後 の 処理 ] を 別 の 処理 、 つ まり 別々 の 関数 と 考え ます 。XML フ ァイル を 読み 込ん だ 後 の 処理 で は 、XML 
ファ イル 内 に 記載 され て いる 情報 を 解析 し て 、 必 要 な 情報 を 取得 し ます 。 取 得 し た 情報 は あと で 利用 する の で 、 最 初 に 
定義 し た 配列 settingDataArray に 、data ノ ー ド ご と に Object 型 デー タ に まとめ て 、 順 番 に 格納 し ます 。 











/* 


* XML の 読み 込み が 完了 し た と き に 呼び 出さ れる 
ザ 
function xmlLoader_completeHandler(in_e) 

{ 

// 読み 込ん た テキ スト デー タ を XML 解析 で きる よう に XML 型 イ ンス タン ス 生 成 に 使用 
varrootXmlXML = new XML((in_e.target as URLLoader).data) 


XML 内 の すべ て の data ノ ー ド それ ぞ れ に つい て 解析 処理 
for each(var dataXML in rootXml_dats) 
{ 
/ デー タ を 保持 する Object 型 イン スタ ンス を 生成 
yaritem = 信 : 


/ 大 き な キ ャ ラク ター の SWF ファ イル 名 

item.bigChara =dataXML.@bigchara_ioString): 

// 表示 する 小さ な キャ ラク ター の 情報 

item.smallChara = dataXML.@smallchara.ioStrinq0.splt(".9: 
/ 吹き 出し の 種類 情報 

item.fukidashi = dataXML.@fukidashi.loString0: 

// RSS の URL 

item.news =dataXML.@news.toString(): 

// 語尾 に 使用 する 文字 列 

item.gobi =dataXML_.iext().toString0): 

// エン トリ ー ゴ 記事 ) デ ー タ 配列 を あと で 格納 する た め の 前 準備 
item.entryTitle = nul 


// デー タ を 配列 要素 と し て 最後 尾 に 追加 登録 
settingDataArray.push(item): 


} 


/ デー タ の 処理 が 終わ っ た の で 、 次 の 表示 する RSS を 選択 する 処置 に 移る 
selectRss(): 


} 


と 
の る 
ヨ 
= 





2 ッ ジ 








STEP 2 と 同様 に 、URLLoader ク ラス を 使っ て XML 情報 を 読み 込み ます 。URLLoader ク ラス を 使う 部 分 は 設定 XML 
此 ファ イル の 読み 込み 方 法 と ほとん ど 変 わり ませ ん が 、 こ こ で は 設定 ファ イル に 記載 され て いた 複数 の RSS の 中 で 、 ど 
れ を 使用 する か ラン ダム に 決め て いる プロ グラ ム が 追加 され て いる と ころ と 、 す で に 読み 込ん で いる RSS で あれ ば 、 
読み 込み 処理 を 省略 する 処理 が 追加 され て いま す 。 








7 
| 
* 表示 する RSS を ラン ダム に 決定 し 、 必 要 に 応じ て 読み 込む 
ッ | 
function selectRss() 
{ 
/ ラン ダム に RSS 情報 を 決定 
/ RSS 種類 は settingDataArray の 要素 の 数 だ け あ る 
selectedRssNum = Math.floor(Math.random() settingDataArray.Ilenqth): 


/ も し 決定 し た RSS が また 読み 込ま れ て いな い 場 合 
if(settingDataArray[selectedRssNum].entryTitle == null) 
{ 
/ RSS を 読み 込む た め の 処 理 
var rsSXmlLoader:UHLLoader = new URLLoader() 
rssXmlLoader.dataFormat = UHLLoaderDataFormat.TEXT 
rssXmlLoaderaddEventListener(EvenLCOMPLETE, rssXmlLoader_completeHandler): | 


var rssReq:URLRequest=new URLRequest(settingDataArray[selectedRssNum].news): 
rssXmlLoader.load(rssRedq): 


} 
/ 決定 し た RSS が すでに 読み 込ま れ て いる 場合 
else 


{ 
/ すでに RSS デー タ は ある の で アニ メー ショ ン を 開始 
startAnimating(): 
} 
} 





2 今回 は 3 種類 の RSS に 対応 で きる よう な プロ グラ ム を 考え て いき まし ょ う 。 そ れ ぞ れ RSS の XML 構造 に は 特徴 的 な 部 
幼 鹿 分 が ある の で 、 そ こ か ら ま ず RSS 種 類 を 判別 し 、 次 に それ ぞ れ の 種類 に 合っ た 解析 方 法 で プロ グラ ム を 書い て いき ます 。 








RSS 0.92 /2.0 Really Simple 「 3 nn W 
Syndication RSS 1.0 RDF Site Summary Atom 


判 列 方 法 。)。。 | ルー トノ ー ド の 名 前 が 「rss」 ルー トノ ー ド の 名 前 が 「RDF」 | ルー トノ ー ド の 名 前 が 「feedl 


item ノ ー ド の 子 ノ ー ド title ] | 
記事 タイ トル へ の アク セス (item ノ ー ド が ルー トノ ー ド の | item ノ ー ド の 子 ノー ド title | entry ノ ー ド の 子 ノー ド title 
直下 で は な い ) ] | 



















| ] 名 前 空間 を 指定 する こと 。 
名 前 空間 を 指定 する こと | 独 前 | 
http:/purlo 1.0/ | PPMNWGASGGCGD057 | 
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次 の XML は RSS1.0 形 式 で 出力 され た RSS 例 で す 。 
どの よう な 構造 に な る の か 、 解 析 前 に チェ ッ ク し て お きま し ょ う 。 








/ 
httpt//purl・ De 0/modules/content/" 
Xnsscc="http://Wweb.resource・org/cc/" 
Xmlns="http://purl.org/rss/1.0/> 


<channel rdfabout="http://www.blog-s-woman・net/sweets/"> 

title>【 お 取り 寄せ ]- う れ し い お いし い お 取 り 寄 せ - Happy Goody Pleasel</title> 
<link>httpi// 敵 oman・net/sweets/</link> 

<description 


Pc/dc language> 


日 tor></dc:creator> 
<dc:date>2008-06-18T00:00:00+09:00</dc:dat ey 
<admin:generatorAgent rdf: http://www.typepad.com/?v=1.0" > 





ource="http://www.blogrs-woman.net/sweets/2008/06/post-0c16.html" ん 
www.blog.s-woman・net/sweets/2008/0/post-8e60.html" 
www.blog.s-womannet /sweets/2008/06/post-cade.htm 

es0urce="http://wpw.blog.s-woman・nat/sweets/2008/05/post-c842.htm 





out= htlp: //wwe・ blog.S-wOmani・ ata(000870975 Ocl6.htmI> 


<dciwubject> お 取り 寄せ </dc:subject> 


<dcicreator> 集 英 社 s-woman</dc:creator> 
<dc:date>2008-06-18T00:00:00+08:00</dc:date> 


<item rdf:about="http://www.blog.s-woman・net/sweets/2008/06/post-6e50.html ウ > 

<title> さ っ ぱり 、 す っ きり 。 袖 子 の 香り に る 、「 茜 庵 の 袖 子 じゅ うす 」</title> 
<link>http://www.blog.s-woman・net/sweets/200B/06/post-BeB0.html</link> 

<description> 梅 馬 が 始ま り 、 湿 気 が 多 く て うっ と うし い 日 々 ゃ が 続き ます 。 と いう こと で 、 前 回 に 引き 続 :…</descrlptlon> 


<dc:subject> お 取り 寄せ </dc:subject> 





<dc:creator> 集 英 社 s-woman</dc:crmator> 
<dc:datm>2008-06-11T00:00:00+09:00</dc:date> 





<jtem rdf:about="http://www.blog.s-wonan・net/sweets/2008/U6/post-cade.html > 

<tit lex> ア イス クリ ー ム に か け て も 美味 「 コ ク テ ー ル 営 の コー ヒー シロ ッ プ 」</title> 
<link>http://www.blog-s-woman・net /sweet s/2008/06/post 
<description> こ の コラ ム で も た び た び 紹介 し て いる よう に 、 “コー ヒー も の " に 目 が な い 私 。 ま た また ・…・</description> 








ルー トド ノ ソー ド 
RSS 全 体 の 情報 
層 の 小男 鹿 」</title> 
mwI</Iink>| 
、 少 地味 な が ら 風 雅 な 香り </description> 

記事 1 つ 分 の 情報 
記事 1 つ 分 の 情報 

ade.html</link> 
記事 1 つ 分 の 情報 


く dcisubject> お 取り 寄せ </dc:subject> 


<dc:creator> 舞 英 社 s-woman</dc:creator> 
<dc:dat e>2008-06-04T00:00:00409:00</dc:date> 


ww.blog-s-woman・net/sweets/20 


せ も べき れる | 「 生 見 堂 の カレ ー 肌 師 と し ら す 損 げ 」</titley 











Item ノー ド が 周期 的 に 続く 
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RSS に 含ま れる 情報 は いろ いろ あり ます 。 そ の 中 で 今回 必要 な の は 記事 の タイ トル な の で 、 そ れ を 解析 し 取得 する プロ 
5 グラ ム を RSS 種 類 ご と に 書い て いま す 。 そ し て 、 取 得 し た タイ トル 情報 は 配列 settingDataArray の 情報 の 1 つ 、 配 列 
entryTitle に 追加 し て いき ます 。 


RSS の 読み 込み が 完了 し た と き に 呼び 出さ れる 

* RSS を 稲 析 し 、 デ ー タ を 読み 込む 

| 0 rssXmlLoader_completeHandler(in_e) 

| 1 var rssXml:XML = new XML(in_e.target.data): 
settingDataArray[selectedRssNum].entryTitle = 


/ RSS 0.9/2.0 形式 (Really Simple Syndication) の 場合 
if(rssXml.localName() == "rss") 
{ 
for each(yar p in rssXml.item) 
{ 
settingDataArray[selectedRssNuml].entryTitle.push( p.ttle.text().toString() ): 
} 


} 
/ RSS 1.0 形式 (RDF Site Summary) の 場合 


else if(rssXml.localName() == "RDF") 


{ 
default xml namespace = new Namespace("http://purl.org/rss/1.07"): 


for each(var q in rsSSXml.item) 
{ 
settingDataArray[selectedRssNum].entryTitle.push( qtile.text0.toString() ): 
} 
} 
/ atom 形式 の 場合 
else if(rssXml.localName() == "feed") 
{ 
default xml namespace = new Namespace("http://www.w3.org/2005/Atom"): 


for each(varrin rssXml.entry) 
{ 
settingDataArray[selectedRssNum].entryTitle.push( rtle.text().toString() ): 
} 
} 


// 解析 し た 結果 、 記 事 タ イト ル が 1 件 以上 取得 で きた 場合 
if(settingDataArray[selectedRssNum].entryTitle.length > 0) 
{ 

// アニ メー ショ ン を 開始 する 

startAnimating(): 


} 
// 記事 タイ トル が 取得 で き な か っ た 場合 
else 
| 
| / 他 の RSS を 読み 込む た め 、 再 度 RSS を ラン ダム に 決定 
| selectRss(): 
} 
| } 


240 PAkr 3 flash で 作る 





デー タ の 取得 作業 が 終わ っ た 
ら 、 い よい よ キ ャ ラク ター や 
吹き 出し を 表示 させ る 処理 、 
アニ メー ショ ン を 実行 し ます 。 
タイ ミン グ を と りな が ら 複 
数 の 要素 の アニ メー ショ ン を 
実行 させ て いく 手法 は 数 々 あ 
り ま す が 、 今 回 は ENTER_ 
FRAME イ ベン ト を 使っ て 、 
イベ ント 取得 開始 を 0 フレ ー 
ム と し 、 以 降 決 まっ た フレ ー 
ム で アニ メー ショ ン を 実行 し 
て いく こと で 演出 を コン ト 
ロー ル し て いき ます 。 


本 アニ メー ショ ン を 開始 する と 
き に は ENTER_FRAME イ ベ 


ント を adgdEventListener( ) す 
る と 同時 に 、 カ ウン タ 変 数 を 
0 に する (リセ ッ ト す る ) こ と 
を 忘れ ず に し まし ょ う 。 





設定 XML ファ イル の 読み 込み 
RSS の 読み 込み 


RSS を 読み 込ん で いな い 場 合 
















すでに RSS を 読 
み 込 ん で いた 場合 






| し し ラク クー | 
[| wemu ぁ ax | 
8 

| エマ ラク ター* と の アニ メー ショ ン 人 は | 


二 婦 ご 人 ご 












表示 の リセ ッ ト 











が 
* アニ メー ショ ン を 開始 

ly 

function startAnimating() 


/ カウ ント を 0 に 戻す 
enterFrameCount = 0: 


4 アニ メー ショ ン 制 御用 の ENTER_FRAME イベ ント を 取得 で きる よう に リス ナ 登 録 
addEventListener(Event.ENTER_FRAME, mainProcess_enterFrameHandler): 














ENTER_FRAME イ ベン ト に よっ て 呼び 7 


出さ れる 関数 で は 、 呼 び 出 す 度 に カウ * アニ メー ショ ン 制 御用 ENTER_FRAME イ ベン ト に よっ て 実行 され る リス ナー 関数 
ンタ 変数 を 1 ずつ 足し 算 し て いく こと り ( 
で 、 現 在 何 フ レー ム か を 取得 で きる よ function mainProcess_enterFrameHandler(in_e) 


に 3 【 
うに する の が ポイ ント で す 。 あ と は if(enterFrameCount == 5) 
if 文 で 、 決 め ら れ た フレ ー ム 数 で 実行 { 
する 関数 を 決め て いき ます // 大 き な キ ャ ラク ター の SWF フ ァイル を 読み 込む 処理 を 開始 
と loadCharaSwf(): 
} 


else if(enterFrameCount == 10) 


/ 小さ い キャ ラク ター を 配置 し 、 ア ニメーション 開始 
createSmallChara(): 


} 


else if(enterFrameCount == 20) | 


// 吹き 出し を 表示 
createFukidashi(): 


} 
else if(enterFrameCount == 25) 


セリ フ を 表示 
showLine(): 
} 
glse if(enterFrameCount == 75) 
{ 
/「 あ ら ま 。」 の 吹き 出し を 表示 
createSmallFukidashi(): 
// キャ ラク ター の 動き を 止め る 
stopCharaAnimation(): 


} 
else if(enterFrameCount == 130) 


{ 
// すべ て の 表示 要素 に 対し て 消え る アニ メー ショ ン を 開始 
hideAlICharaAnimation(): 


・ 略 ・ 
/ カウ ント アッ プ 
enterFrameCount++: 


ニメーション が 一通 【 
し に で 人 NANA function mainProcess_enterFrameHandler(in_e) 
ミン グ で 、 、 ジラ { 


情報 を 取得 する と ころ に 処理 を つなげ 


る 必要 が あり ます 。 1 呈 

また 、 表 示 要 素 の イン スタ ンス を 消し else if(enterFrameCount == 145) | 
た り 、 一 旦 ENTER_FRAME イ ベン ト { 

の リス ナー を 解除 する 処理 も 書き ます 。 / アニ メー ショ ン 制 御用 の ENTER_FRAME イベ ント を 一 旦 リ スナ ー 解 除 する 


removeEventListener(Event.ENTEH_FRAME, mainProcess_ 
enterFrameHandler): 

/ 表示 要素 を 初期 状態 に 戻す 

reset(): 

// 次 の ニュ ー ス を 選択 する 

selectRss(): 
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ENTER_FRAME イ ベン ト に よっ て 制 汽 
御 さ れ た アニ メー ショ ン の うち 、 大 き ・ 大 き な キャ ラク ター を 表示 する 
な キャ ラク ター は 外部 SWF を 読み 込 ・ 外 部 SWF フ ァイル を 読み 込む 
ん で 表示 させ て いま す 。 外部 SWF フ ァ |,/ 


function loadCharaSw 
イル を 読み 込む と きせ Loader ク ラス | 





を 使用 し ます 。Loader クラ ス の イン ス / Loader クラ ス か ら イ ンス タン ス を 生成 
ンス ! jeCli ンス タン ス var bigCharaLoader:Loader = new Loader(): 
N 了 由 2 時 放 oe bigCharaLoader.x = 380: 
じ よ うに 、addChild( ) に て 表示 させ る / あと で イン スタ ンス を 取得 する た め 、 イ ンス タン ス 名 を 設定 
こと が で きま す 。 ち な み に 、 読 み 込む bigCharaLoadername = "bigChara'i 
記 ル か ら 
作 BUF お 前 雪 二 ブイ 人 | container_mc 配 下 に 加え る 
取得 し て いま す 。 container_mc.addChild(bigCharaLoader)i 
/ 外部 SWF の URL 
、 yarblgCharaSwfUrl = settingDataArray[selectedRssNuml.bigCharai 
| 
| 外部 SWF を 読み 込み 
bigCharaLoaderload(new URLRequest(blgCharaSwfUrl): 
} 








読み 込ま れる 外部 SWF フ ァイル に は 、 
表示 用 の アニ メー ショ ン と 、 消 える と 
き の ア ニメーション を 作っ て お きま す 。 
表示 用 の アニ メー ショ ン は 読み 込み と 
同時 に 実行 され る の で す が 、 消 える と 
き の ア ニメーション は 、 gotoAndPlay( ) 
で 命令 する 必要 が あり ます 。 そ の と き 
は 、Loader イ ンス タン ス の content プ 
ロ パ ティ が 外部 SWF フ ァイル の ス 
テー ジ に 該当 する の で 、 そ れ に 対し て 
gotoAndPlay( ) を 命令 し ます 。 














/ 大 き な キ ャ ラク ター を 酒 す アニ メー ショ ン を 開始 
(container_mc.getChildByName("bigChara") as Loader).content.gotoAndPlay("bchara_end"): 
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画面 下 に 表示 され る 小さ な キャ ラク ター は すでに container_mc の 中 に 置い て いる の で 、 必 要 に 応じ て 非 表 示 に な っ て い 
る も の を 表示 状態 に し て 使用 し ます 。 設 定 XML フ ァイル の smallchara に 書か れ て いた 内 容 と 、container_mc の 中 に 配 

置 し た ムー ビー クリ ッ プ の イン スタ ンス 名 を 使っ て (XML に 記述 され て いる 情報 か ら 簡 単に 指定 で きる イン スタ ンス 名 に 

し て お く こ と で )、for 文 の 中 の 処理 を より 単純 に する の が ポイ ント で す 。 

また 、 表 示す る ムー ビー クリ ッ プ は 等 間隔 で 横 に 並べ 、 表 示 と 同時 に 1 フレ ー ム か ら 再 生 す る よう に し ます 。 





設定 XML に 書い て ある 情報 
を も と に 必要 な キャ ラク ター エーーー ミー ュー ーーーーー コ 


だ け 取 り 出し て 並べ る Sa ニニ 
紅白 歌合 戦 の 銘 台 香 ま ( 
と め 。 役 腹 が 平井 望 の 








総 








| ぶ - 

* 小さ い キ ャ ラク ター を 表示 する 
* 設定 XML 情報 の smailchara の 値 で 表示 する キャ ラク ター を 決定 する 

7 

| function createSmallChara() 

| t 

| 表示 する キャ ラク ター の 情報 の 数 を 取得 

、 Varm=settingDataArray[selectedRssNum].smallIChara.length: 





for (varj= 0:j< mij+) 


| / すでに 配置 し て ある 小さ な キャ ラク ター の イン スタ ンス 名 を 作成 
| var mcName = settingDataArray[selectedRssNum].smallChara[l+ "me 
| 全 例 :geino_mc 
| ケイ ンス タン ス 名 か ら ム ー ビ ー ク リッ プ の 参照 を 取得 
var mc1 = container_mc.getChildByName(mcName): 
| / 座標 位置 を 設定 
| mc1.x = -100 *」+370: 
mc1.y = 600: 
| タイ ムラ イン アニ メー ショ ン を 開始 
| mec1.gotoAndPlay(1): 
// 表示 状態 に 設定 
mc1.visible = truei 





2 オオ Pear る flash で 作る 


テキ スト フィ ー ル ド の 下 に 表示 され る 吹き 出し も 、 考 え 方 は 小さ な キャ ラク ター の と き と 同 じ で す 。 設定 XML ファ イル 
の fukidashi に 書か れ て いる 内 容 か ら 、 簡 単に container_mc の 中 の 吹き 出し ムー ビー クリ ッ プ の イン スタ ンス 名 を 指定 
で きる よう に し て お け ば 、 プ ログ ラム を 短く する こと が で きま す 。 


/ ぶ 
* 設定 XML 情報 の fukidashi の 値 を も と に 吹き 出し を 表示 する 
4 
function createFukidashi() 
{ 
// すでに 配置 し て ある 吹き 出し ムー ビー クリ ッ プ の イン スタ ンス 名 を 作成 
var mcName = "fukidashi"+ settingDataArray[selectedRssNum].fukidashi+ "me 
せ kidash kidi 
/ イン スタ ンス 名 か ら ム ー ビ ピー クリ ッ プ の 参照 を 取得 
yar mc = container_mc.getChildByName(mcName): 
/ タイ ムラ イン アニ メー ショ ン を 開始 
mc.gotoAndPlay(1): 
/ 表示 状態 に 設定 
mc.visible = truei 


CO と たり びび / 


文字 コー ド に 対す る 対応 


私 た ち は 普 段 扱っ て いる 日 本 語 な どの 文字 の デー タ に は 種類 が あり ます 。 同じ 「 あ ] と いう 文字 で も 、 種類 に よっ ' 
て 実際 の デー タ は 違い ます 。 そ の 文字 デー タ の 種類 の こと を 文字 コー ド ] と 呼ん で いま す 。 

た と えば 、 私 た ち が 普 段 か ら 使 っ て いる Windows や Mac OS X で は 、「Shift JIS] と いう 種類 の 文字 コー ド が 標 「 
準 で 使わ れ て いま す 。 一 方 で 、 最 近 の Web コン テン ツ で は 「UTF-8] と いう 種類 の 文字 コー ド で 制作 する こと が ' 
一 般 的 に な りつ つ あ り ま す 。 
Flash で は 、 基 本 的 に 「UTF-8」 が 標準 の 文字 コー ド で す 。 で す の で 、「UTF-8] 形式 の テキ スト デー タ で あれ ば ' 
問題 な く 読み 込め ます が 、 そ れ 以 外 の 文字 コー ド の 場合 は 、 う まく 読み 込ん で くれ な い 可 能 性 が あり ます 。 そ ん 

な と き に 覚え て ほし い の が 、 次 の 1 行 の プロ グラ ム で す 。 


」 System.useCodePage=truei 鞭 : 曲 常 は fa | 


この プロ グラ ム を 1 行書 け ば 、 そ の SWF フ ァイル は SWF を 実行 し て いる 環境 の OS の 通常 の 文字 コー ド で テキ 
スト デー タ を 解釈 し よう と し ます 。 具 体 的 に 言う と 、SWF を 実行 し た OS が 日 本 語 環境 で あれ ば 、Shift JIS の 文 
字 コ ー ド で 文字 デー タ を 読み 込ん で くれ る よう に な り ま す ( そ の 代わ り 、UTF-8 の 文字 コー ド は 正常 に 読む こと 
は で きま せん )。 

し か し 、 外 部 ファ イル を 読み 込む 処理 の 場合 、 読 み 込 ん だ あと で 文字 コー ド の 判別 を し て 上 記 プ ログ ラム を 実行 
する の は 至難 の 業 で ある た め 、 通 常 は SWF が 使用 する 文字 コー ド を 一 本 化し ます 。 で す の で 、 今 回 の よう な 複 
数 の RSS を 読み 込む よう な 場合 は 、RSS に よっ て 文字 コー ド が 違っ て いる 可能 性 が あり 、 そ の と き は 上 記 プ ロ 
グラ ム で 対応 する の は な か な か 難し いこ と に な り ま す 。 

で す の で 、 そ の よう な と き に は サー バ 側 な ど で UTF-8 に 文字 コー ド を 変換 し た 上 で Flash で デー タ を 読み 込む な 
どの 別 作業 を 行っ た ほう が 安全 で す 。 


ゃ 
に - 
テ > 
コ 
全 
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タイ トル を 表示 する の は 、 あ ら か じ め 置 いて いる 

朋 テキ スト フィ ー ル ド line_txt で す 。 ま た 、 大 き な キ ャ 
ラク ター ご と に 別々 の 語尾 を 付け る こと が で きる 
よう に な っ て お り 、 そ の 言葉 は line2_txt に 表示 す 
る よう に な っ て いま す 。 


line_txt 


| [だ っ て 、 身 さん ! ン 有 と 
` て スズ ) 


line2_txt 





line_txt と line2_txt の text プ ロ パ ティ に 空 文字 を 代入 し て 空 に し て お き 、 次 に 前 に 決め た RSS の 中 で 、 ど の タイ トル を 
表示 する か 決め ます 。 決め 方 は 、 ま ず HSS に 含ま れる 記事 数 を 取得 し 、 そ の 記事 数 内 で ラン ダム に 記事 番号 を 決定 し ます 。 
この 記事 番号 は 配列 番号 と し て 使用 する こと で 、 ラ ンダ ム に 記事 タイ トル が 取得 で きま す 。 





さっ ぱり 、 す っ きり 





「。 「 守 司 の 肖 度 」 (ilo 
met/sweets/2008/06/post-Oci6.htel</l in 
の 直武 も 、 今 回 で 最 。 記念 すべ き 最終 回 は 、 少 他 豆 な が ら 辰 医 な 香り -…-</descriplio 


dc:subiect> お 取り 鶴 ゼ </dc:subject> 





:crmator> 





さり ・ 尼子 の 守り に 大 され る 、 「 和 の 恒子 じゅ うす 」 く 11 
ト * ト w 』 le> 
tp://www.blog・s-womannet -8e50.html</I in 
ription> 物 且 が 始ま り 、 汰 気 が 多く て うっ と うし い 日 々 が 続 きま す 。 と いう こと で 、 前 回 に 3| き 計 .……</descriplion 
'dcrsubject ゝ お 取り 容 せ </dcsaubject> 
> 打 英 社 s-woman</dc crewtor 込ん だ 
2006-05-I1TO6rO0:0OY09:00X7ciates 読 み 込 ん だ RSS 情 報 の 記事 の 中 
ーー - か ら 1 つ を ラン ダム に 選ん で テキ 
スク リー ム に か けり て も 典 味 1 「 コ ク テ ー ル ま の コー レー シロ ウブ! ツ Utle スト フィ ー ル ド に 表示 
http://www-blog-s-woman-net/sweets/2008/06/post-cade-html</linky に 2 
rcriptien> こ の コラ ム で も た び た び 細則 し て いる よう に 、 “コー ヒー も の " に 日 が な い 私 。 ま た また -・…</descrlgtlon> 
ect> お 取り 寄せ </dcsubject 













rrr77TOI7UR75orC で PT 
れる ! 「 完 錠 の カレ ー 王 誠 と し ちず 撮 げ 」 title 
3/0S/post -c842 -ht el 153 






7 woman-net/sweet mi</lin 
"ウケ ー キ や チ = コ は し ょ っ ちゅ うお や つ に 食べ て いる 私 で す が 、 出 来る だ け 買 わな いよ うに -….</descriplionx 
dcrsubjeet> お 取り 寄せ </dcswbject> 
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PAkr る flash で 作る 


es 
* タイ トル と 語尾 文字 列 を 表示 する 
ツ 
function showLine() 
{ 
// RSS 内 の 記事 の 数 を 調べ る 
var entryLength = settingDataArray[selectedRssNum].entryTitle.lengthi 


// 1 つの 記事 番号 を テン ダム に 取得 
selectedltemNum = Math.floor(Math.random() * entryLength): 


// 記事 の タイ トル を 取得 

var targetTitle = settingDataArray[selectedRssNum].entryTitle[selectedltemNuml: 
// テキ スト フィ ー ル ド に 表示 

line_txt.text = targetTitle: 


語尾 部 分 は line2_txt の text プ ロ パ ティ に 、 設 定 
XML ファ イル に 記載 され て いた 語尾 文字 列 を その 
まま 代入 し ます 。 語尾 文 字 列 は RSS ご と に 設定 // テキ スト フィ ー ル ド に 表示 
XML ファ イル に 記載 され て いる の で 、 大 き な キ ャ line2_txt.text=targetGobii 
ラク ター ご と に 違う 語尾 を 付け る こと が で きま す 。 


// 絡 尾 文字 列 を 取得 


CO し と りん ルト げ 


動 的 に 作っ た イン スタ ンス を 削除 する 


Flash の 処理 スピ ー ド を 上 げた り 、 動 作 を 安定 化す る こと を 考え た 場合 、 非 常に 重要 な の が 「 不 要 に な っ た イン 
スタ ンス を 削除 する 」 と いう 作業 で す 。 も し 生成 し た イン スタ ンス が 不 必要 に な っ た 場合 は 、 ま ず そ れ が 表示 系 
の も の (addChild( ) し て 表示 させ た も の ) で あれ ば 、removeChild( ) し ます 。 そ し て 、 その イン スタ ンス が 何 か の 
イベ ント に リス ナ 登 録 し て いた 場合 は 、 そ の リス ナ 登 録 も removeEventListener( ) で 解除 し ます 。 そ し て 、 必 要 
に 応じ て イン スタ ンス 変数 に null を 代入 し ます 。 そ うす る こと で 、Flash Player 側 に この イ ンス タン ス は 不 必要 
に な っ た こと を 伝え る こと が で き 、 あ と は Flash Player の タイ ミン グ で イン スタ ンス が 削除 され 、Flash Player 
が 使用 する メモ リ 量 が 減り ます 。 

ちな み に 、 上 記 の よう な イン スタ ンス 管理 は 長期 間 動作 を 継続 させ る タイ プ の Flash コンテ ン ツ で は 特に 重要 で 
す 。 な ぜ な ら 、 不 必要 な も の を 消し て いか な いと 、Flash Player が 必要 と する メモ リ 量 が 永遠 に 増え 続け 、 最 悪 
フリ ー ズ な どの 障害 を 引き 起こ し て し まう か ら で す 。 


yar targetGobi = settingDataArray[selectedRssNum].gobii 
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すべ て の 要素 を 表示 し 終わ っ た ら 、[ あ ら ま 。] と | 
言う 小さ な 吹き 出し を 表示 し ます 。 表 示方 法 は 、 | ・ な 吹き 出し を 表示 する 
動 的 に SmallFukidashi ク ラス の イン スタ ンス を 生 * イン スタ ンス を 都度 生成 し て 表示 し て いる 


1 乏 て g/ 
成 し て 配置 し 、addChiId( ) し て 表示 する ベー シッ function createSmallFukidashi() 


ク な 方 法 で す 。 { 
7/7 リン ケー ジ 名 : SmallFukidashi の イン スタ ンス を 生成 
var smallFukidashi = new SmallFukidashi(): 
SmallFukidashi.x = 18: 
SmallFukidashi.y = 320: 
、 smallFukidashi.name = "smallFukidashi 
パグ メイ ンタ イム ライ ン に 追加 
addChild(smallFukidashi): 




















小さ な 吹き 出し の 表示 と 同じ タイ ミン グ で 、 大 小 す べ て の キャ ラク ター の 小刻み な ルー プア ニメーション を 止め ます 。 

加 外部 SWF を Loader ク ラス で 読み 込ん だ 大 き な キ ャ ラク ター を コン トロ ー ル する と き は 、content プ ロ パ ティ を 通じ て 
操作 する こと 、 ま た 小さ な キャ ラク ター は 設定 XML ファ イル で 指定 し て いる 対象 キャ ラク ター に つい て の み 処 理 を 行 
いま す 。 ま た 、 そ れ ぞ れ の キャ ラク ター の 素材 を 作る と き に 、 ラ ベル 名 を 付け て お く と あと で アニ メー ショ ン の 命令 が 
し や すく な り ま す 。 





f 『 ea = ] 
7 

* キャ ラク ター の アニ メー ショ ン を 停止 する 

が 

function stopCharaAnimation() 

{ 
// 大 き な キ ャ ラク ター の 動き を 止め る 
(container_mc_.getChildByName("bigChara") as Loader.content.geinoobasan_moc.stop(): 


// 小さ な キャ ラク ター の 動き を 止め る 
yarn=settingDataArray[selectedRssNum].smallChara.lsngth: 
for (vari= 0:i<n:i は +) 
{ 
/ 小さ な キャ ラク ター の ムー ビー クリ ッ プ の イン スタ ンス 名 を 作成 
yar mcName = settingDataArray[selectedRssNum].smallChara[i+ "me 
イン スタ ンス 名 か ら ム ー ビ ー ク リッ プ の 参照 を 取得 
var mc =container_mc.getChildByName(mcName): 
// 停止 する と き の タ イム ライ ン に 遷移 
mc.gotoAndStop("schara_stop"): 











24 る PA 3 flash で 作る 


る アニ メー ショ ン を 止め た 後 、 一 定時 間 後 に すべ て の 表示 要素 を 消す 処理 を 行い ます 。 た だ し パッ と 消す の は 寂し い の で 、 
それ ぞ れ の キャ ラク ター の ムー ビー クリ ッ プ に 消え る と き の ア ニメーション を 用 意 し て お き 、 そ の アニ メー ショ ン を 


gotoAndPlay( ) で 実行 し ます 。 テ キス ト フ ィ ー ル ド に つい て は 、 単 に text プ ロ パ ティ に 空 文字 を 代入 し て 、 文 字 を 消し 
て いま す 。 





geino.fla (geino.swf) 内 の 設定 

















用 消え る と き の ア ニメーション が 設定 され て いる フレ ー ム 
と ラベ ル (bchara_end) が 、 す べ て の 外部 読み 込み SWF 
に 同じ よう に 用 意 さ れ て いる 


/* 


* キャ ラク ター や 吹き 出し な と 画面 上 の 要素 を 消す アニ メー ショ ン を 開始 する 

2 

、function hideAIICharaAnimation() 

| t 

// 大 き な キ ャ ラク ター を 消す アニ メー ショ ン を 開始 

(container_mc.getChildByName("bigChara") as Loader).content.gotoAndPlay("bchara_end'): 


/ 小さ な キャ ラク ター を 消す アニ メー ショ ン | 
varn=settingDataArray[selectedRssNum].smallChara.lengthi 
for(vari=0:1<ni は +) 
【 
| / 小さ な キャ ラク ター の ムー ビー クリ ッ プ の イン スタ ンス 名 を 作成 
| var mcName = settingDataArray[selectedRssNum].smallChara[ii+ "me 
/ イン スタ ンス 名 か ら ム ー ビ ー ク リッ プ の 参照 を 取得 
yar mc =container_mc.qetChildByName(mcName): 
| // 消え る と き の タ イム ライ ン ア ニメーション を 開始 
| mc.gotoAndPlay("schara_end"): 
} 


// すでに 配置 し て ある 吹き 出し ムー ビー クリ ッ プ の イン スタ ンス 名 を 作成 

yar fukidashiName = "fukidashi"+ settingDataArray[selectedRssNum].fukidashi+ "mc 
// イン スタ ンス 名 か ら ム ー ビ ピー クリ ッ プ の 参照 を 取得 

var fukidashi_mc = container_mc.qetChildByName(fukidashiName): 

/ 大 き な 吹 き 出し を 消す タイ ムラ イン アニ メー ショ ン を 開始 
fukidashi_mc.gotoAndPlay("bcharabal_end'): 








/ 小さ な 吹き 出し を 消す タイ ムラ イン アニ メー ショ ン を 開始 
getChildByName("smallFukidashi").gotoAndPlay("scharabal_end")i 


// テキ スト フィ ー ル ド に 空 文字 を 代入 し て 表示 文字 を 清 す 
line_txt.text =" 
line2_txt.text = 








hideAlICharaAnimation( ) を 実行 する こと で 、 画 面 上 か ら は すべ て の 要素 が 消え まし た 。 し か し 、 再 度 キ ャ ラク ター を 
表示 させ る 処理 に つなげ る た め に は 、 そ れ ぞ れ の 要素 を 最初 の 状態 に 戻し て お く 必 要 が あり ます 。 こ の 処理 は 、 繰 り 返 
し 動作 する プロ グラ ム を 考え る 上 で 非常 に 重要 で す 。 ス テー ジ 上 に 配置 され て いる ムー ビー クリ ッ プ 類 は visible プロ パ 
ティ を false に し 、 動 的 に 配置 し た ムー ビー クリ ッ プ は removeChild( ) し て お きま す 。 


た 
* 表示 要素 を アニ メー ショ ン 開 始 時 の 状態 に 戻す 
が 
function reset() 
{ 
// 外部 SWF ファ イル の 情報 を アン ロー ド 
(container_mc.getChildByName("bigChara") as Loader).unload(): 
// 大 き な キ ャ ラク ター を 親 ム ー ビ ピー クリップ か ら 削除 
container_mc.removeChild(container_mc.getChildByName("bigChara")): 


/ 小さ な キャ ラク ター で 表示 状態 の も の を 非 表 示 に する 
varn=settingDataArray[selectedRssNum].smallChara.length: 
for (vari=0:i<ni は +) 
{ 
/ 小さ な キャ ラク ター の ムー ビー クリ ッ プ の イン スタ ンス 名 を 作成 
var mcName = settingDataArray[selectedRssNum].smallChara[ii+ "mc: 
/ イン スタ ンス 名 か ら ム ー ビ ー ク リッ プ の 参照 を 取得 
var mc = container_mc.qetChildByName(mcName): 
非 表 示 に する 
mc.visible = falsei 
// アニ メー ショ ン を 止め 、1 フ レー ム 目 に 移動 させ て お く 
mc.gotoAndStop(1): 
} 


// すでに 配置 し て ある 吹き 出し ムー ビー クリ ッ プ の イン スタ ンス 名 を 作成 

var fukidashiName = "fukidashi"+ settingDataArray[selectedRssNum].fukidashi+ "mec'i 
// イン スタ ンス 名 か ら ム ー ビ ー ク リッ プ の 参照 を 取得 

var fukidahsi_mc = container_mc.getChildByName(fukidashiName): 

// 吹き 出し を 非 表 示 に する 

fukidahsi_mc.visible = falsei 

// アニ メー ショ ン を 止め 、1 フ レー ム 目 に 移動 させ て お く 

fukidahsi_mc.gotoAndStop(1): 


// 小さ な 吹き 出し を メイ ンタ イム ライ ン か ら 削 除 
removeChild(getChildByName("smallFukidashi")): 





2 て Oo PAkr る flash で 作る 





SWF フ ァイル を 使っ て スク リー ン セ ー バ ー 
を 作成 する 場合 は 、 通 常 市 販 さ れ て いる ア 
プリ ケー ショ ン を 使用 し ます 。 現在 主 に 使 
われ て いる の は 、「fla:ver] と 「ScreenTime] 
と いう アプ リケーション で す 。 今 回 は 
fla:ver を 使っ て スク リー ン セ ー バ ー を 作成 
し ます 。 


古 la:ver を 起動 し た ら 、 ま ず 「Flash Movie] 
放 記 本 で 本 体 に 相当 する SWF フ ァイル を 指定 
し ます 。 





IS NN) 





に 








日 


簡単 に スク リー ン セ ニー パパ ー を 作る た め に 。 
“florver" : 


flQ:VGI "Life Edition 無料 公開 
最新 OS に 対応 する 唯一 の ソリ ュー ショ ン ! 


さら に 、 日 本 語 ・ 英 語 に 対応 
内 単に スク リー シン セー バー を 作る た め に 。 Wa:ver 























次 に 「 追 加 フ ァイル ] 画面 で 、 大 き な キ ャ ラ 
ぅ クタ ー ご と に 存在 する 外部 読み 込み の SWF 
ファ イル すべ て と 、 設 定 XML ファ イル を 指 
定 し まし ょ う 。 
あと は 「 生 成 ] 画面 で 名 前 や スク リー ン セ ー 
パー ファ イル の 名 前 を 入力 すれ ば 、 最 低 限 
の 設定 で スク リー ン セ ー バ ー を 作成 する こ 
と が で きま す 。 








出力 形式 D 
記 イ スト - ラ ー 形 式 (⑪ アイ ル 宮 KN 井戸 帳 ス クリ ー ン セー バーane 











作成 し た スク リー ン セ ー バ ー を イン スト ー 
ル し 、 き ちん と 動く か どう か チェ ッ ク を 忘 
れ な いよ うに し まし ょ う 。 

また 、 今回 は Windows 用 の スク リー ン セ ー 
バー を 作成 し まし た が 、Mac 用 も ほぼ 同様 
の 手順 で 作成 が 可能 で す 。 別 途 Mac 用 の ス 
クリ ー ン セー バー 作成 ツー ル を 用 意 す る 必 
要 が あり ます が 、 配 布 する 場合 は 両方 の 
OS に 対応 し て お くべ き で す 。 








スク リー ン セー バー(5) 


全 ち 聞 (W: 。 35 記 分 隔 表 時 に ログ オン 電 硬 に 戻る (5) 










ティ スプ レイ の 形 る さや 人 の 電 湖 の 設定 を 壮 吾 し て 、 電力 を 世 
交 し た り パ フォ ー マ ンス を 最 大 に し た り で きま す 。 


し ドン 



















四 aml 5 硬 


る で 2 PA ょ rr る flash で 作る 








プロ グラ ム で 表示 する 文章 を 頭 か ら 1 文 
字 ずつ 一 定時 間 ご と に テキ スト フィ ー ル 新 
ド に 加え て いく だ け で 、1 文 字 ず つ 表示 し 
て いく こと が で きま す 。 そ し て その 加え 
る タイ ミン グ で す が 、ENTER_FRAME イ 
ベン ト を 使用 する の が 一 番 適当 で し ょ う 。 
今回 の サン プル で は 、 タ イト ル 文 字 列 と 、 
語尾 の 文字 列 そ れ ぞ れ を 1 文字 ずつ 表示 
する だ け で 可能 で す 。 ま た 、 テ キス ト 
フィ ー ル ド に 文字 を 追加 し て いく 場合 、 
+= 演 算 子 で は な く 、 テ キス ト フ ィ ー ル ド 
イン スタ ンス の appendText( ) を 使い ま 
し ょ う 。 








1 区 ENTER_FRAME イ ベン ト 


ョ う ENTER_FRAME イ ベン ト 





< 
、 * タイ トル と 語尾 文字 列 を 表示 する 
ツ 
function ShowLine() 
{ 
/ RSS 内 の 記事 の 数 を 鋼 べ る 
yar entryLength = settingDataArray[selectedRssNum].entryTitle.lengthi 





/ 1 つの 記事 番号 を ラン ダム に 取得 
selectedltemNum = Math.loor(Math-random() * entryLength): 


// 1 文字 ずつ タイ トル を 表示 する た め の ENTER_FRAME イ ベン ト 取 得 開始 
addEventListener(Event.ENTER_FRAME, enterFrameHandler1): 
} 


た * 
| ・1 文 字 ず つ タ イト ル を 表示 する た め の ENTER_FRAME イ ベン ト ハ ンド ラ 関 数 
/ 
function enterFrameHandler1(in_e:Even0:void 

{ 
| 表示 する タイ トル 文字 列 
var targetTitle = settingDataArray[selectedRssNum].entryTitle[selectedltemNum]: 


/ テキ スト フィ ー ル ド に 1 文字 加え る 
line_txt.appendText(targetTitle.charAt(line_txt.textlengih)) 





・ 以 下 申 ・ 











アコ 


2 





1 


| 
、function enterFrameHandler1(in_e:Event):void 


{ 
// 表示 する タイ トル 文字 列 


| テキ スト フィ ー ル ド に 1 文字 加え る 
line_txt.appendText(targetTitle.charAt(line_txt.text.length): 


if(line_txt.textLlength >= targetTitle.length)t 
/ この ENTER_FRAME イ ベン ト の 取得 を 解除 


} 


/* 


4 
function enterFrameHandler2(in_e):void 


【 
// 表示 する 語尾 文字 列 
yar targetGobi = settingDataArray[selectedRssNum].gobii 


/ テキ スト フィ ー ル ド に 1 文字 加え る 
line2_txt.appendText(targetGobi.charAt(line2_txt.text.lengt 
if(line2_txt.textLlength >= targetGobi.length)t 


/ この ENTER_FHAME イベ ント の 取得 を 解除 


/ 小さ な キャ ラク ター 吹き 出し を 表示 
createSmallFukidashi(): 





PAkr る flash で 作る 


* 1 文字 ずつ タイ トル を 表示 する た め の ENTER_FRAME イ ベン ト ハ ンド ラ 関 数 


var targetTitle = settingDataArray[selectedRssNum].entryTitle[selectedltemNum]: 


// テキ スト フィ ー ル ド に 表示 し て いる 文字 列 の 長 さ が 、 表 示す る タイ トル 文字 列 以上 の 長 さ に な っ た と き 


removeEventListener(EventLENTEH_FRAME, enterFrameHandler1): 
// 1 文字 ずつ 語尾 を 表示 する た め の ENTER_FRAME イ ベン ト の 取得 を 開始 
addEventListener(Event.ENTER_FRAME, enterFrameHandler2): 


| *1 文 字 すず つ 語尾 文字 列 を 表示 する た め の ENTER_FRAME イ ベン ト ハ ンド ラ 関 数 
| 


h) 


/ テキ スト フィ ー ル ド に 表示 し て いる 文字 列 の 長 さ が 、 語 尾 文字 列 以上 の 長 さ に な っ た と き 


removeEventListener(Event.ENTER_FRAME, enterFrameHandler2): 





タイ トル 部 分 


文字 を 1 文字 ずつ 表示 する 場合 、 文 章 が 完全 に 表示 し 終わ る タイ ミン グ が 文章 の 長 さ に よっ て 長く な っ た り 短く な っ た 
りす る 、 と いう こと を 注意 し な いと いけ ませ ん 。 で す の で 、 文 章 が 完全 に 表示 し 終わ る タイ ミン グ を チェ ッ ク し て 、 表 
示し 終わ っ た ら 次 の 処理 に 加え る 、 と いう 流れ で プロ グラ ム を 組む ほう が 適切 で す 。 





動 的 に クラ ス 名 を 決め 、 そ の イン スタ ンス を 生成 する 場合 は 、getDefinitionByName( ク ラス 名 ) と いう 関数 を 使用 し ま 
す 。 こ の 関数 で クラ ス の デー タ を 持つ 変数 (イン スタ ンス ) を 作り 、 そ の 変数 を 使っ て new 演算 子 で 、 動 的 に 指定 し た 
クラ ス に つい て イン スタ ンス を 生成 する こと が で きま す 。 





間違い 例 
// 以下 の よう な 使い 方 は で き な い 





// クラ ス 名 の 文字 列 を 生成 
yar smallCharaName = "SmallChara_Sample'i 


/ クラ ス の イン スタ ンス 生成 
var smallChara = new smallCharaName(): // smallCharaName は クラ ス の 名 前 で あっ て 、 ク ラス 情報 を 持っ て は いな い 





正しい 例 


が y 

* 小さ い キ ャ ラク ター を 表示 する 

* 設定 XML 情報 の smallchara の 値 で 表示 する キャ ラク ター を 決定 する 
か 

function createSmallChara() 





0 

/ 表示 する キャ ラク ター の 情報 の 数 を 取得 

varn= settingDataArray[selectedRssNum].smallChara.lengthi 

for (vari= 0:i<ni は +) 

{ 
// クラ ス 名 の 文字 列 を 生成 
var smallCharalD = “SmallChara_"+ settingDataArray[selectedRssNum].smallChara[il: 
// クラ ス 名 の 文字 列 か ら ク ラス 情報 を 持っ た イン スタ ンス を 生成 
var smallCharaClass = qetDefinitionByName(smallCharalD) as Classi 
// クラ ス 情 報 を 持っ た イン スタ ンス か ら そ の クラ ス の イン スタ ンス を 生成 
var smallChara = new smallCharaClass(): 
smallChara.x = -100 " i+370: 
smallChara.y = 600: 
smallChara.name = smallCharalD: 


container_mc.addChildAt(smallChara, 0): 

















2 と 


eS 


プリ ロー ター ー を 使っ て サイ ト を 作る 


表現 六 文 プロ グラ ミン グ カ : 


サイ ト を Flash で 作る 場合 「 こ こ を こう し た い 」「 こ ん な 機能 が 欲し い ] と いっ た 要望 が 次 々 と 沸 
いて くる も の で す 。 こ の サン プル で は 、 上 記 の よう な サイ ト づ くり に お ける 、 そ ん な 「 も う 
ー 工 夫 」 の 要素 に 焦点 を あて まし た 。 実際 の 制作 の 現場 で も 特に 要望 の 多い 「 プ リロ ー ダ ー の 
作成 」「 外 部 SWF の 制御 ]「 ス テー ジ サ イズ の 変更 へ の 対応 ] を 実現 する 方 法 に つい て 、 詳 し く 
解説 し て いま す 。 


⑱ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 






タイ ムラ イン を 制御 する … BOOPTOPCCCCECCPCOOCLPLEOLOCLCKLCELCCL に に PO080 へ 
MovieClip を 制御 する … … P083 へ 
も OMeF "ヤシ … P158 へ 
映像 の 扱い 方 CTC … PO60 へ 
ステ ー ジ の 情報 を 取得 ・ 設 定 する … つ 〇 つ ※ 和 履 敢 …inmm ポ ーー P144 へ 


⑳ この サン プル で 学ぶ 応用 技術 
この サン プル を 通し て 、 以 下 の 応用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な し い 実 制作 で 必要 な 知識 で す 。 


プリ ロー ダー を 作成 する 
外部 SWF を 制御 する 
ステ ー ジ サイ ズ の 変更 に 対応 する 


2 と 6 fash で 作る 


contents.swf 


ンプ ル の 説明 


| 考 | 
に 5 








movie.Swf 


サイ ト 読 み 込み 完了 


ト ぞ で っ 9 さい ぎす 、 
Herb hwewr & Abunthe 


読み 込み ・ 制 御 





サイ ズ の 変更 に 対応 





J』『 サイ ト を 表示 する 前 に 、 現 在 ど れ だ け SWF フ ァイル が 読み 込ま れ て いる か を 表す プリ ロー ダー を 表示 
し ます 。 








サイ ト 内 で 再生 する ムー ビー を 外部 SWF と し て 用 意 し て いま す 。 読み込ん だ SWF は ActionScript で 制御 で 
きま す 。 











』 3 コン テン ツ MovieClip の メニ ュー は ステ ー ジ の 大 き さ に 合わ せ て 、 位 置 や 大 き さ を 変更 し ます 。 


Zr 


還 
に 
き 
ヨ 
由 











サン プル の 構造 





contents.Swf 


ls ソノ ノ ノノ ノノ ノノ 






プリ ロー ダー MovieClip 


メニ ューMovieClip 




















movie.Swf Se 6 
答 ジー 
Pr Pr PF 
PO/y 李 


。 ! contents.swf の メイ ンタ イム ライ ン の 1 フレ ー ム 目 に は 、 プ リロ ー ダ ー の み が 置 か れ て いま す 。 実際 の サイ 
ト の コン テン ツ MovieClip を 2 フレ ー ム 以降 に 置く こと で 、1 フ レー ム 目 で contents.swvf の プリ ロー ダー を 
表示 する こと が 可能 に な り ま す 。 


メニ ュー の MovieClip は 、 各 ペー ジ ご と に タイ ムラ イン に 分 か れ て いま す 。 メ イン タイ ムラ イン 上 の 
function showContent を 実行 する こと で 、 メ ニュ ー の 表示 が 切り 替わり ます 。 


。3 コン テン ツ MovieClip 表示 

















昌 の MovieClip の 内 部 は 、 各 ペー ジ ご と に タイ ムラ イン で 分 か れ て いま す 。 メ 


ニュ ー か ら 、 メ イン タイ ムラ イン 上 の showContent が 呼ば れる こと で 、 コ ン テ ン ツ MovieClip の 表示 が 切 
り 替 わり ます 。 


movie.Sswf の メイ ンタ イム ライ ン に ムー ビー が 格納 され て いま す 。 こ の タイ ムラ イン を contents.swf か ら 
制御 す よる こと で 、 ム ー ビ ー フ ァイル を 外部 化す る こと が 可能 に な っ て いま す 。 


2 PAkr る flash で 作る 





「 プ リロ ー ダ ー」| ムー ビー クリ ッ プ を 
作成 し て いき ます 。「 読 み 込み 済み 










タイ ムラ イン 
分 の % 表 示 用 テキ スト 」 に は ダイ ナ aa ロ 
ミッ ク テ キ スト の テキ スト ボッ クス に 2 ・・ 目 | 
こ 読込 済 ロー ディ ング バー ・・ 国 
で 「percent_txt]、「 読 み 込み 済み Qi 背景 アー メ P 隔 5 | 









分 の 表示 用 の ロー ディ ング バー」 に 
は 「 読 み 込み 済み ロー ディ ング 
バー] ムー ビー クリ ッ プ を 配置 し 、 
「loaded_mc] と イン スタ ンス 名 を 設 
定 し ます 。 





ocewbt。。、、 、 | 
タイ ミック テキ スト IF 
イン スス : 読み 込み 済み ロー | 入れ 管 え .。 | し 仙 作 も け イズ 








「loaded_mc」 は 、 背 景 を 覆い 隠し た 100% 読み込み が 完了 し た 状態 で 作成 し て お きま す 。 こ れ は 、 後 に プリ ロー ダー 
の ActionScript 部 分 を 実装 する 際 に 、 読み 込み 状況 の 割合 と 「loaded_mc」 の 横 の 大 き さ の 割合 を 連動 させ る た めで す 。 
また 今回 は 、 ロ ー デ ィング バー が 左 か ら 右 に 伸び て いく アニ メー ショ ン を 想定 し て いる た め 、 ム ー ビ ー ク リッ プ の 左端 
に 基準 点 を 設定 し て いま す 。 





基準 点 


ロー ディ ング バー の 背景 用 に ルー プ 
アニ メー ショ ン を 作成 し ます 。 
ここ で は 、 斜 線 が 横 に スク ロー ル す 
る タイ ムラ イン アニ メー ショ ン に 、 
背景 の 大 き さ に 作成 し た マス ク を 適 
用 させ る こと で 、 ル ー プ アニ メー 
ショ ン を 作成 し て いま す 。 














- 時 マス ク の 使い 方 .・ 





ューーー 斜線 ( 左 ヘ へ スクロール) 
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提 メイ ンタ イム ライ ン に 先ほど 作成 し た プリ ロー [| 局 刻 衣 | 
ダー を 配置 し 、 イン スタ ンス 名 を 「loading_bar] 
と し ます 。 


| ム -E 
イン メタ ンス : プリ ロー な ーMC 


| b 位置 ヒサ イズ 
3D 位置 と ピュ ー 
b 7 - 効 時 

b ま 示 

b フィ w ぁ 








本 較 SWF の 読み 込み 状況 を 取得 する た め の 変 数 「swf_loaderInfo] を 作成 し 、 メ イン タイ ムラ イン の プロ パテ ィ 「loaderInfo] 
還 庫 を 格納 し ます 。 こ の 「loaderlnfo] は Loader ク ラス の プロ パテ ィ 「contentLoaderInfo」 と 同様 に 、 読み 込み 状況 の 通知 ・ 
確認 や 、 読 み 込ん だ コン テン ツ の 取得 が 行う こと が で きま す 。 
swf_loaderlnfo に は addEventListener で 「ProgressEvent.PROGRESS」「Event.COMPLETE」 を 登録 し 、 読 み 込み 状 
況 の 進捗 と 読み 込み 完了 の 通知 を 受け 取れ る よう に し ます 。 





メイ ンタ イム ライ ン 1 フ レー ム 目 





var Sswf_loaderInfo = this.loaderlnfo: 
swf_loaderlnfo.addEventListener(ProgressEvent.PROGRESS, onProgress): 
swf_loaderInfo_addEventListener(Event.COMPLETE, onLoaded): 





26o PAkr 3 flash で 作る 





SWF の 読み 込み 状況 と ロー ディ ング バー に 表示 し 


叫 ます 。 最新 の 読み 込み 状況 の 取得 と 反映 を に 3715KB 
[function onProgress] で 行っ て いま す 。 に Pr | 
読み 込ん だ SWF の % は 「( 読 み 込 み 済み の 容量 / 
SWF の 総 容量 ) X 100] で 求め る こと が で きま す 。 | 読み 込み ファ イル 全体 の ファ イル サイ ズ | 
求め た 値 は 四捨五入 し て プリ ロー ダー 内 の 


percent_txt.text に 代入 し ます 。 ま た 、 求 め た 値 QRB 90 


を 100 で 割っ た 値 を プリ ロー ダー 内 の loaded_ 


5 四 に 読み 込ん だ 分 の % (割合 ) を 
こ と で 入 
mc.scaleX に 代入 する こと で 、 現 在 の 読み 込み の loaded_mc の scaleX に 反映 


割合 を ロー ディ ング バー の 長 さ に 適用 し て いま す 。 





ーーーーー ニ ーー ニー ニーーー テ ーーーーーー 
scaleX = 0 scaleX = 0.48 scaleX = 1 








メイ ンタ イム ライ ン 1 フ レー ム 目 








function onProgress(event)t 
var percent = Math.floor(swf_loaderlnfo.bytesLoaded/swf_loaderInfo.bytesTotal * 100): 
loading_bar.percent_txt.text = String(percent): 信 読み 込ん だ 割合 を % で 計算 し て 四捨五入 
loading_bar.Iloaded_mc.scaleX =percent/100: 

』 








SWF の 読み 込み が 完了 し た 際 の 処理 を 「function onLoaded] で 行い ます 。swf_loadedInfo か ら 「ProgressEvent. 
細 PROGRESS」「Event.COMPLETE」 に 対し て の リス ナー を 削除 し た 後 、 メ イン タイ ムラ イン を 再生 し ます 。 





メイ ンタ イム ライ ン 1 フ レー ム 目 





function onLoaded(event){ 
swf_loaderlnfo.removeEventListener(ProgressEvent.PROGRESS, onProgress): 
swf_loaderlnfo.removeEventListener(EventCOMPLETE, onLoaded): 
this.play(): 

* 
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各 ペ ー ジ の 内 容 を タイ ムラ イン で 分 
けた な 一 引 王 リップ ヨコ シテ シ ウツ 
MC」 を 作成 し ます 。 

それ ぞ れ の フレ ー ム ラベ ル に は 、 ペ ー 
ジ 名 に 合わ せ て それ ぞ れ 「home] 
「menul」「schedule」「party」 
「access」「movie」 が 設定 され て い 
ます 。 








各 ペ ー ジ で の メニ ュー の 表示 状態 を 








還 斉 タイ ムラ イン で 分 けた ムー ビー ク ee 
リッ プ 「 メ ニュ ーMC]」 を 作成 し ます 。 Co 
こち ら で も コン テン ツ MC の ムー ュー ボン 0 
内 スケ ジュ ー ル ボ ーーー 
ビー クリ ッ プ と 同様 に 、 そ れ ぞ れ の J パーティー ポン 

の の っ 寺 で アク セス ボタ ン っ 
ペー ジ 名 に 合わ せ て フレ ー ム ラベ ル で ムー ビー ポタ ン ーーーー1 
を 設定 し て いま す 。 Sa ーー 


で 音 景 


























っ 各 ペ ー ジ へ の 須 移 を 管理 する た め に [function 画 ラ ーシュ 
ご Pe を メイ ンタ イム ライ ン に 作成 し メイ ンタ イム ライ ン 1 フ レー ム 目 
ここ で は 、 引 数 に 居 移 し た い フ レー ムラ ベル を 指 function showContent(frame_label){ 
を す る と と で 、 メ ニュ ーMC と ュ シ テン ッ MO の | eaumeeoeeerfemerieh 
両方 の 表示 を 切り 替え る よう に し て いま す 。 | * に | 
- 午 引 数 
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メニ ューMC 内 の それ ぞ れ の ボタ ン を 「 通 常時 ] 
「 ロ ー ル オー バー 時 ]「 選 択 時 ] の 3 パタ ー ン の 表 
示 に 分 ける た め に 、 そ れ ぞ れ を [_upl 「_overl 
[_selected] の フレ ー ム ラベ ル が 設定 され た キー 
フレ ー ム に 分 け ま す 。 今回 の サン プル で は 「_up] 
「_over」 は buttonMode が true の 際 に 自動 的 に 切 
り 替 えら れ 、「_selected] は ペー ジ 変 更 時 に プロ 
グラ ム 上 で 切り 替え て いま す 。 








ラベル 
J ボタン 
ml 2 のり 22 リ ア 








各 ボ タン に クリ ッ ク 時 の 処理 を 追加 し ます 。 す べ 
て の ボタ ン に MouseEvent.CLICK の リス ナー を 登 
録 す る た め の 、 メ ニュ ーMC の 1 フレ ー ム 目 に 初 
期 化 有 の キー フレ ー ム を 追加 し ます 。 

各 ボ タン に 対し 、MouseEvent.CLICK の リス ナー 
を 追加 し ます 。 そ れ ぞ れ の コー ル バ ッ ク 関 数 に は 、 
メイ ンタ イム ライ ン 上 の function showContent 
を 呼ん で 、 ク リッ ク し た ボタ ン に 対応 する ペー ジ 
へ 須 移 する 処理 を 記述 し て いま す 。 ま た 、 単 純 に 
parent.showContent( ) で は 呼び 出せ な いた め 、 
MovieClip(parent).showContent( ) と し て 呼び 出 
し て いま す 。 

MovieClip( ) の 引数 に 表示 要素 を 指定 する と 、 そ 
の 表示 要素 が MovieClip に 変換 され る の で 、 自 分 
で 追加 し た 変数 や 関数 の 呼び 出し が 可能 に な り 
ます 。 










jl メニ ュー ポタ ノ 


| スケ ジュ ー ル ボタン 
ul パー ティ ー ポ タン 
アク セス ポタ ン 
ムー ビー ポタ ノ 
王 真 

暑 線 

ul 背景 








26 る 3 
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addEventListenerToBtns(): 
gotoAndStop("home": 


function addEventListenerToBtns(){ 


} 


function onClickHomeBtn(even0t 
MovieClip(paren).showContent("home'): 

} 

function onClickMenuBtn(even1){ 
MovieClip(paren1).showContent("menu"): 

} 

function onClickScheduleBtn(sven){ 
MovieClip(paren).showContent("schedule"): 

} 


function onClickPartyBtn(event){ 
MovieClip(paren).showContent("party"): 





} 
function onClickAccessBtn(evenD{ 
MovieClip(paren1).showContent("access')) 


} 
function onClickMovieBtn(even1)( 
MovieClip(paren1).showContent("movie"): 





メニ ュー 内 で 各 ペ ー ジ に 表示 が 切り 替わっ た 際 に 、 
表示 中 の ペー ジ の ボタ ン を クリ ッ ク 不 可 に な る よ 
うに し ます 。 各 ペー ジ の フレ ー ム で は まず 、 す べ 
て の ボタ ン を 有効 に する function initBtns( ) を 呼 
び 、 そ の 後 、 表 示 中 の ペー ジ の ボタ ン の 機能 を 無 
効 に し て いま す 。 


PAkr る flash で 作る 


人 各 ボ タン へ の 設定 が 終わ っ た 後 、 フ レー ムラ ベル *home* へ 移動 


home_btn.addEventListener(MouseEvent.CLICK,onClickHomeBtn) 
menu_btn.addEventListener(MouseEvent.CLICK,onClickMenuBtn): 
schedule_btn.addEventListener(MouseEvent.CLICK,onClickScheduleBtn): 
party_btn.addEventListener(MouseEvent.CLICK,onClickPartyBtn): 
access_btn.addEventListener(MouseEvent.CLICK,onClickAccessBtn): 
movie_btn.addEventListener(MouseEvent.CLICK,onClickMovieBtn): 








メニ ュー MC 内 movie フ レー ム 








メニ ューMC が MOVIE の 表示 に な る 場合 
initBtns(): 

movie_btn.buttonMode = falsei 
movie_btn.mouseEnabled = false: 
movie_btn.gotoAndStop("_selected"): 





メニ ュー MC 内 1 フレ ー ム 目 





function initBtns(){ 
initBtn(home_btn): 
initBtn(menu_btn): 
initBtn(schedule_btn): 
initBtn(party_btn): 
initBtn(access_btn): 
initBtn(movie_btn): 

} 


function initBtn(target_btn){ 
target_btn.qotoAndStop("_up"): 
target_btn.buttonMode = true: 
target_btn.mouseEnabled = true: 
target_btn.mouseChildren = false: 











「 コ ン テ ン ツ MC」 内 の フレ ー ム 「movie] に 、「 プ 







リロ ー ダ ー」 と movie.swf 読 み 込 み 用 の ムー ビー 
クリ ッ プ 「 ム ー ビ ーMC]」 を 設置 し ます 。 























movie.Swf ムー ビーMC プリ ロー ダー 


動 的 に 配置 する 「 再 生 ボ タン ] の リン ケー ジ 設 定 を 行い ます 。 こ の 設定 を 行う こと で 、「 再 生 ボタ ン ] を 動 的 に 設定 する 
こと が 可能 で す 。 こ こ で は 、 ク ラス 名 を 「PlayBtn] と し まし た 






名 前 () : 再生 ポタ ン 
2①: | ムー ビー の ッ プ 









較 還 で ) [ ] 















避 2 の 2 エリ ア 

世 ] コン テン ツ MC 

* 区 ムー ビー 

固 ムー-Mc 

避 | 再生 ポン 

避 再生 ポタ 背景 


[9 スライス の 拡大 / 編 小 の た め の ガ イド を 有効 に する (⑤ 


絞 Actonsort 用 < 書き 出し 
切 ! フ レー ム 目 に 書き 出し 


基本 クラ ス : ash.dsplay.MoveCip 


シタ イム 共有 用 に 書き 出 LO) 




















読み 込ん だ ムー ビー クリ ッ プ を 格納 する た め の 変 コン テン ツ MC フレ ー ム 「movie」 
市 数 [swf_movie」 と 、 動 的 に 配置 する 再生 ボタ ン を | 6 
RE var Swf_movie: 
格納 する た め の 変 数 「play_btn] を 、 そ れ ぞ れ 宣 言 var play_btn: 
し て お きま す 。 pa 
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Loader ク ラス を 使っ て 「movie.swfl を 読み 込み ます 。 
リス ナー の 登録 の 対象 が 、 this.loaderlnfo か loadercontentLoaderInfo か と いう 違い は あり ます が 、 基本 的 に は STEP 1 
で 解説 し た プリ ロー ダー と 同様 で す 。 





コン テン ツ MC フレー ム 「movie]」 





var loader = new Loader(): 

var url_req = new URLRequest("movie.swf": 
loader.contentLoaderlnfo.addEventListener(ProgressEvent.PROGRESS, onProgress): movie.Swf の 読み 込み 
loader.contentLoaderinfo.addEventListener(Event.COMPLETE, onLoaded): 

loader.load(url_req): 


function onProgress(even0)t{ 
var percent = Math.floor(loader.contentLoaderinfo.bytesLoaded / loader.contentLoaderlnfo.bytesTotal * 100): 
loadingBar.percent_txt.itext = Strinq(percent): 
loadingBar.loaded_mc.scaleX = percent/100: 

骨 








読み 込み 中 の ロー ディ ング バー の 処理 





読み 込み 終わ っ た movie.swf を loadercontentLoaderInfo.content か ら 取 得 し 、 変 数 swf movie に 代入 し ます 。 そ の 
まま の 状態 で は 、 自 動 的 に swf_movie が 再生 され て し まう の で 、 タ イム ライ ン を 停止 し た 後に movie_mc 内 に 配置 し 
ます 。 配置 し た swf_movie の 上 に は 「 再 生 ボ タン ] を 動 的 に 配置 し ます 。 配 置 し た 「 再 生 ボタ ン ] は 変数 「play_btn] に 
格納 し 、MouseEvent.CLICK の リス ナー 登録 を し て お きま す 。 








function onLoaded(even0) { 
loader.contentLoaderlnfo.removeEventListener(ProgressEvent.PHOGRESS, onProgreSS): 
loader.contentLoaderlnfo.removeEventListener(Event.COMPLETE, onLoaded): 
swf_movie = loader.contentLoaderlnfo.content 
Swf_movie.x =10: 
Swf_movie.y = 10: 
swf_movie_.stop(): 
movie_mc_addChild(swf_movie): 


読み 込ん だ swf 
を 画面 に 配置 


ロー ディ ング パー を 消去 
removeChild(loadingBar): 


play_btn = new PlayBtn(): 

play_btn.x = movie_mc.width/2: 

play_btn.y = movie_mc.height/2: 

play_btn.buttonMode = truei 
play_btn.addEventListener(MouseEvent.CLICK,onClickPlayBtn): 
movie_mc.addChild(play_btn): 


再生 ポタ ン の 配置 











play_btn を クリ ッ ク し て 実行 され る 関数 「onClickPlayBtn] を 作成 し ます 。 
play_btn が クリ ッ ク さ れる と 、play_btn の リス ナー を 削除 し 、 画 面 上 か ら play_btn を 削除 し ます 。 Play_btn が 見 えな 
く な っ た 後 、swf_movie が 再生 され ます 。 





function onClickPlayBtn(eyentMouseEven1:voidt 
play_btn.removeEventListener(MouseEvent.CLICK,onClickPlayBtn): 
movie_mc.removeChild(play_btn): を 再生 ボタ ン を 画面 か ら 削除 


swf_movie.play(): を 読み 込ん だ swf の 再生 
} 








Par る flash で 作る 





今回 の デザ イン で は 、 左 上 の 隅 を 基準 と し て ステ ー 
ジ サ イズ が 可変 する よう に し ます 。 stage.align に 
StageAlign.TOP_LEFT を 設定 し ます 





計 ステ ー ジ の 持っ て いる 情報 ……………… P145 へ 


| 画 シ ーシュ 


メイ ンタ イム ライ ン 1 フレ ー ム 目 





ign.TOP_LEFT 





ステ ー ジ の サイ ズ が 変更 され た 際 に stage か ら 発 
行 され る Event.RESIZE に リス ナー を 登録 し ます 





サイ ズ の 変化 に 応じ て 情報 を 取得 する 


重 ス 
の P146 へ 











er(Event.RESIZE,onResizeStage): 





ステ ー ジ サイ ズ の 変更 に 合わ せ て 、 メ ニュ ー の 位 
置 を 変更 し ます 。 こ こ で は メニ ュー の 位置 を ( ス 
テー ジ の 横幅 - 270px) に 、 メ ニュ ー の 背景 の 高 
さ を ス テー ジ の 縦 幅 と 等 し く な る よう に 設定 し て 
いま す 。 

また 、 ス テー ジ の 横幅 が 狭く な りす ぎ た 場 合 、 メ 
ニュ ー が コン テン ツ 部 分 に 被っ て し まう の で 、 メ 
ニュ ー の 位置 が 400px よ り 左 側 に 来 な いよ うに 


if 文 を 用 いて いま す 。 


メイ ンタ イム ライ ン 2 フレ ー ム 目 


、funciion onResizeStage(even0{ 
var menu_pos = staqe.staqeWidth - 270: 
/ メ ニュ ー が 左端 に 行き 過ぎ な いよ う 制 限 を か ける 
{(menu_pos < 400)( 

menu_pos = 400: 


} 


menu_mc.x = menu_Dpo5Si 


menu_mc.background_mc.height = stade.st 


| ト だ で 9 マー 


Herb liqueur 丸 Absi 


stage.stageHeight 





stage.stageWidth 


jeHeighti 


デ 
> 
2 





270pixel 
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[ファ イル ーー パブ リッ シュ 設定 ] か ら パ ブリ ッシュ 設定 を 
開き ます 。 





叶 議 HTML タ ブ を 選択 し 、「 サ イズ ]「 伸 縮 」「FLash の 位置 ]」 の 設 
還 識 定 を 行い ます 。 
今回 は 左上 の 隅 を 基準 に し て 拡大 ・ 縮 小 な し で サイ ズ を 可 
変 さ せ た い の で 、 そ れ ぞ れ 下 記 の よう に 設定 し ます 。 


①「 サ イズ 」 を 「 パ ー セ ント 」 に し て 、 幅 と 高 さ を それ ぞ れ 
100 に 設定 

⑧「 伸 縮 ] を 「 拡 大 ・ 縮 小 な し 」 に 設定 

③「Flash の 位置 」 の 「 水 平 ] を 「 左 ] に 、「 垂 直 ] を 「 上 」 に そ 
れ ぞ れ 設 定 









、 名 前 を 付け て 爺 (@_ 
ラン プレ ー ト と し て 伸 存 ⑩- 


放 み 込み O 
| きき 出し D 





すべ て 保 在 
1 の 


ウェ ーー 
バブ リッ シュ (⑧) ShifteF12 


] ーー 





wao2p4。 アト ll ヨ gl 当 
」 形式 』Fesh HTML こつ 
[ ーーー ョ 
| ラシン プレート (① : Flash ムー ビー の み | 
| Fsh の バー ジョ ン を 株 出 (6 
バー ジョ シェ 10 





再生 : 開始 時 に 一 旦 停止 ⑥) 回 メニュー 表示 ⑩ 
ロロ ヌス 2 フォ ント) 











Ed この 状態 で 「 パ ブリ ッシュ ] ボタ ン を 押す と 、 サ イズ 可変 に 対応 し た HTML が 書き 出さ れ ます 。 


また 、 こ の 設定 を 保存 する に は [OK] ボタ ン を 押し ます 。 


PAkr る flash で 作る 


呈 a ェ Tram 芝 








ロー ディ ング が 完了 し た 後 、 背 景 や メニ ュー 
毅 が フェ ー ド イン し て いる よう に 見 せる た め 、 

ロー ディ ング と 2 フレ ー ム 目 以降 の 画面 要素 

の 間 に 黒 い ム ー ビ ー ク リッ プ を 設置 し ます 


各 レ イヤ ー の フレ ー ム 数 を 伸ばし 、 フ ェ ー ド 
イン の アニ メー ショ ン を 入れ る た め 、 時 間 を 

確保 し ます 。 

プリ ロー ダー と 間 に 挟 ん だ 黒い ムー ビー ク 

リッ プ を 、 タ イム ライ ン 上 の トゥ イー ン で ア 

ルフ ァ を 薄く し て いき ます 

こう する こと で 、 ロ ー デ ィング 完了 後 フ ェ ー 

ドイ ン で サイ ト が 浮か び 上 が っ て くる 、 自 然 

な 演出 が 実現 可能 に な り ます 。 人 UNEYS9C の MC ラバ 

タイ ムラ イン 上 で 作成 
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2zo 


prAtTE 


ウェ ブ カ メ ラ と キー ボー ド を 使っ た 
コン テン ツ を 作る 

表現 力 : 次 交 ジブ ログ ラミ シ グ カ : 

この サン プル で は 、「 キ ー ボ ー ド 」]、「 ウ ェ ブ カメ ラ 」 と いっ た Flash の 画面 の 外 に ある デバ イス 


を 使っ た コン テン ツ を 作り ます 。 外部 デバ イス を プロ グラ ミン グ で 制御 する 際 に は 、 注 意 す べ 
き 点 が いく つか あり ます 。 ここ で は そう いっ た 点 を 解説 し な が ら 、 サ ンプ ル を 作成 し て いき ます 。 


⑱ この サン プル で 必要 な 主 な 基礎 技術 


この サン プル を 作成 する に あたっ て 、 以 下 の 知識 が 必要 に な り ま す 。 
も し 分 か ら な い 項目 が あれ ば 、 以 下 の ペ ー ジ で 基礎 技術 を 学ん で くだ さい 。 





タイ ムラ イン を 制御 する ROUGEPCPPPPPPCCCLPLLPDOPLLCPOPLEKPCICLTELYETECLT P080 へ 
MovieClip を 制御 する ee P083 へ 
addChild の eonet … P124 へ 
ActionScript で の サウ ンド 制御 ……… P151 へ 
キー で 操作 する ……………………… P155 へ 
ウェ ブ カ メ ラー erm 下 eeeereeeereeeeee P169 へ 


⑱ この サン プル で 学ぶ 応用 技術 
この サン プル を 通し て 、 以 下 の 応用 技術 を 学び ます 。 
基礎 知識 だ け で は カバ ー で き な し い 実 制作 で 必要 な 知識 で す 。 


ウェ ブ カ メ ラ で 写し た 画像 の キャ プチ ャ 
キー ボー ド に よる コン テン ツ 操 作 
ユー ザー 操作 に よる 音声 の 制御 


flash で 作る 


サン プル の 説明 






) 馬 を あわ せる 
ミシャ ッ ンタ ー を きる 


サウ ンド の 制御 








aaa キー ボー ド に よる 入力 


』 2 キー ボー ド 入 力 に よる キャ ラク ター の 操作 を 行い ます 。 あ ら か じ め 作 成 し た タイ ムラ イン の アニ メー ショ ン 
と 、 プ ログ ラム で 配置 し た 顔 写真 と の 連携 が 必要 に な り ま す 。 





2! 


サン プル の 精 千 













1 証 を あわ せる 
ミシャ ッ ンター を きる 













撮影 画面 MovieClip 





コン トロ ー ル パネ ル 
MovieClip 


キー ボー ド に よる 入力 | 





Sound ク ラス 
SoundChannel ク ラス 
SoundTransform クラ ス 





キャ ラク ターMovieClip 


_! ウェ ブ カ メ ラ で 写し た 映像 を リア ル タ イ ム で 画面 に 表示 し ます 。 ボ タン を 押す と カメ ラ の 映像 を 画像 化し て 
キャ ラク ター に 貼り 付け ます 。 カ メラ の 制御 に は Camera クラ ス を 使い ます 。 


。 3 Keyboard ク ラス を 利用 し て 、 キ ー ボ ー ド 上 で 入力 され た キー の 種類 に 応じ て 、 キ ャ ラク ター の アニ メー ショ 
ン を 操作 し ます 。 


年 プログ ラム で 再生 され た 音声 を 制御 し ます 。 
今回 は Sound ク ラス 、 SoundChannel ク ラス 、 SoundTransform クラ ス を 使い 、 音量 の ON、 OFF を ユー ザー 
の 操作 で 行え る よう に し ます 。 


へ ょ flash で 作る 





キャ ラク ター に は キー の 操作 に 応じ て 、 各 フレ ー ム を 用 意 し ます 。 各 フレ ー ム に は それ ぞ れ フレ ー ム ラベ ル を 割り 当て 、 
キー 操作 の 際 に 任意 の フレ ー ム に 移動 で きる よう に し て お きま す 。 今回 は 「leftl「right」 「space」[down] の ほか に 、 通 
常 状態 の 「normal] と 、 顔 写真 撮影 時 に 使用 する 止ま っ た 状態 の 「stop] を 用 意 し て いま す 。 





ュ = お で デー 


E 





SPACE ア ニメーション 
通常 アニ メー ジョ ン 











る 一 連 の アニ メー ショ ン 終 了 時 に は 、 キ ャ ラク ター の フレ ー ム を 「normall に 戻す よう に し て お きま す 。 


キャ ラク ター の 各 ア ニメーション の 最後 の フレ ー ム 








| MovieClip(parent).gotoAndStop("normal"): 





2 ア 3 








ーーーー ニ ーー 


カメ ラ 判 定 の 流れ 


使用 可能 か 判定 


使用 可能 





















カメ ラ の 制御 に 使用 する Camera イ ンス タン ス を 
格納 する た め の 変 数 [cameral と 、 カ メラ の 表示 
に 使用 する Video イ ンス タン ス を 格納 する た め の 
変数 「video] を それ ぞ れ 宣言 し ます 。 





生ま 


メイ ンタ イム ライ ン 1 フレ ー ム 目 





Yar Camerai 
var video: 





呈 カメ ラ を 取得 する メソ ッ ド 「getCamera] を 作成 メイ ンタ イム ライ ン 1 フレ ー ム 目 





と 

し 、 呼 び 出 し ます 。 HKGHGniGetG 0( 
getCamera 内 で は 、Camera.getCamera( ) で 取 camera = Camera.getCamera(): 
得 し た Camera イ ンス タン ス を 変数 camera に 代 

、 そ の ンス タン ス が か if(camera.muted == true){ 村 カメ ラ が 使用 可能 か どう か の 判定 
ス 5 そ 8 Se イン スタ ンス が 使用 可能 か ど As (StatusEvent.STATUS, onStatug 
うか を 調べ て いま す 。 Security.showSettings(SecurityPanel.PRIVACY): 
Camera イ ンス タン ス の muted プロ パテ ィ が true 信 ダイ アロ グ ボ ックス を 開く 
な 場合 は 、 カ メラ が 使用 不可 な た め Security, 6 0 
showSettings(SecurityPanel.PRIVACY): を 実行 } 人 
し て 、[Flash Player の 設定 ] ダイ アロ グ ボ ックス } 











を 開き ます 。 ま た 、 そ の 際 に は Camera イ ンス タ 
ンス の 使用 可能 状況 の 変更 の 通知 を 受け 取る た め 
に 、StatusEvent.STATUS に 対し て リス ナー の 登 


録 を 行っ て お きま す 。 
上 に 表示 する メソ ッ ド 「setCamera( )] を 呼び ます 。 


2 ティ PA て 3 flash で 作る 


メソ ッ ド 「onStatus] 内 で は 、 カ メラ が 使用 可能 に な っ た 際 は イベ ント の リス ナー を 削除 し 、 メ ソ ッ ド 「setCamera( )] 
を 呼ぶ よう に な っ て いま す 。 


メイ ンタ イム ライ ン 1 フレ ー ム 目 
// カ メラ の 使用 可能 の 設定 が 変更 され た 際 の 処理 


function onStatus(even1){ 
if (camera.muted == false) { 
camera.removeEventListener(StatusEvent.STATUS, onStatus): 
setCamera(): 


カメ ラ で 撮影 し た 映像 は 、Video イ ンス タン ス 内 に 「Video.attachCamera( )) メソ ッ ド を 使っ て 設置 し た 後 、Video イ ン 
スタ ンス を 配置 する こと で 表示 し ます 。 
また 、 ボ タン を クリ ッ ク し た 際 に カメ ラ に 写っ た 映像 を 撮影 する メソ ッ ド 「onClickShutterBtn] が 呼ば れる よう に 、 リ 
スナ ー を 登録 し て お きま す 。 


function setCamera(){ 

// カ メラ の 映像 を 画面 に 配置 

video=new Video(camera.width, camera.heigh0: 等 
video.attachCamera(camera): 等 像 を Vid 
video.scaleX=-1: 5 
video.x = video.width/2: 等 
video.y = -video.height/2: 圭 5 
camera_mc.face_frame.addChild(video): 等 


> 


// シ ャ ッ タ ー ボ タン の 設定 

camera_mc.shutter_btn.buttonMode = truei 
camera_mc.shutter_btn.mouseChildren = falsei 
camera_mc.shutter_btn.addEventListener(MouseEventLCLICK,onClickShutterBtn): 


配置 先 の ムー ビー クリ ッ プ は 、 タ イム ライ ン 上 で 円 形 に マス ク が か か っ て いて 、 カ メラ に 写っ て いる 映像 が 円 形 に 切り 
取ら れ て 表示 され る よう に な っ て いま す 。 


豚 マス ク を 使う orooOmhOmOmOmOmmommetmtm P051 へ 








+ 語 を あわ せる 
ェ シ ャ ッ タ ー を きる 
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ビデ オ の 映像 


ゃ 
ざ 

oo3 
る 
1 








顔 写真 を 配置 する た め の ム ー ビ ー ク リッ プ を 「 キ ャ 
ラク ターMC]」 内 に 作成 し ます 。 

この ムー ビー クリ ッ プ は どの アニ メー ショ ン で も 
使用 する の で 、 各 アニ メー ショ ン の ムー ビー クリ ッ 
プ 内 で は な く 、「 キ ャ ラク ターMC] 直下 に 置い て 
いま す 。 ま た 、 作 成 し た ムー ビー クリ ッ プ は 撮影 
し た 際 と 同様 に 円 形 の マス ク を か け て お きま す 。 








顔 配置 用 の ムー ビー 
クリ ッ プ を 作成 





2 アニ メー ショ ン 動 作 中 に 顔 の 位置 を 合わ せる た め 、 各 アニ メー ショ ン の ムー ビー クリ ッ プ 内 の タイ ムラ イン 上 に 「 顔 
MC] の 位置 を 微 調整 する プロ グラ ム を 書い て お きま す 。 
















face_mc 





MovieClip(paren1.face_mc.x = 1: | 
MovieClip(paren1).face_mc.y = -122: | 











MovieClip(paren1).face_mc.x =-4: 
MovieClip(paren0.face_mc.y = -128: | 












2 ア 6 Pekr る flash で 作る 


video が 表示 し て いる カメ ラ の 映像 を 画像 化す る た め 、Bitmap イ ンス タン ス を 作成 し 、Video イン スタ ンス が 現在 表示 
し て いる 画像 を 格納 し ます 。 
作成 し た Bitmap イン スタ ンス は 、「 キ ャ ラク ターMCI 内 に 配置 し ます 。 





メイ ンタ イム ライ ン 1 フレ ー ム 目 


function onClickShutterBtn(event0t 
camera_moc.shutter_btn.removeEventListener(MouseEvent.CLICK,onClickShutterBtn): 











// ビ デオ の 映像 を 画像 化し て 配置 
yar bitmap_data =new BltmapPata(Video: widthideo. heigh1): 年 ビデ オ の サイ BitmapD 
bitmap_data.draw(video): 等 を 像 デ 格 続 
yar bitmap = new Bitmap(bitmap_data): 圭 BitmapData イ タン ス を 持 Bitma 
bitmap.scaleX = -1: 乏 画像 人 タ 置 を 調整 
bitmap.x = bitmap.width/2: 寺下 が タ - 
bitmap.y = -bitmap.height72: 圭二 月 レビ ーー ニテ 庫 を 調整 
character_mc.face_mc.face_frame.addChild(bitmap)i を ニー デブ ター 
camera_mc.visible =falsei 年 失 影 に 人 埋 表 
setKeyListeners(): 圭 定 を する メ を 実 f 
playSound(): 年 サウ ンド の 再生 を する メ 1 
} 
Video 
イン スタ ンス 
カメ ラ の 映像 











映像 を Bitmap イ ンス タン ス 化 
し て 画像 を キャ プチ ャ する 


addChild で 配置 


Bitmap 
イン スタ ンス 











に 
だ 
テ 
ゴ 
只 
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キー ボー ド が 押さ れ た こと を 感知 する た め に 、KeyboardEvent.KEY_DOWN に 対し て リス ナー を 登録 し て いま す 。 
尚 、 撮 影 後 は 常に キー 入力 に 反応 する よう に し た いた め 、 ス テー ジ に 対し て リス ナー の 登録 を 行っ て いま す 。 





メイ ンタ イム ライ ン 1 フレ ー ム 目 





function setKeyListeners(){ 
stage.addEventListener(KeyboardEvent.KEY_DOWN,onKeyboardDown): 
} 





キー が 押さ れ た 際 に どの キー が 押さ れ た の か を 、 メイ ンタ イム ライ ン 1 フレ ー ム 目 
KeyboardEvent.keyCode を 取得 し て 判定 し ます 。 二 





function onKeyboardDown(even0{ 


押さ れ た キー の キー コー ド が 「 ス ペー スキ ー 丁 右 var key_code = event.keyCodei 
矢印 キー]」「 左 矢印 キー」「 下 矢印 キー] の キー コー if(key_code == Keyboard.SPACE){ 
ド と 等 し い 場 合 は 、 処 理 を 実行 し ます 。 | 合 ス ペー スキ ー が 押さ れ た 場合 

1 に toAndPI : 
今回 は 、 該 当 す る ボタ ン の ムー ビー クリ ッ プ を ア 隊 和 SORSeE 人 0 
ニメーション させ 、 キ ャ ラク ター の アニ メー ショ }else if(key_( 8088 計 Ke7BOard DOWN){ 
> う メ ソ ッ ド こ 信 下 矢印 キー が 押さ れ た 場合 
ン 電 際 ッ w IMAyOhagwibwi お 立 半 完 controler_mc.down_key.gotoAndPlay("start): 
フレ ー ム ラベ ル を 引数 と し て 渡し て いま す 。 playCharacter("down"): 


}else if(key_code == Keyboard.RIGHT)t 


controler_mc.right_key.gotoAndPlay("start): 
playCharacter("right): 
}else if(key_code == Keyboard.LEFT){ 
人 左 矢印 キー が 押さ れ た 場合 
| controler_mc.left_key.gotoAndPlay("start"): 
playCharacter("left): 








際 メソ ッ ド [playCharacter( )| で は 、 キ ャ ラク ター メイ ンタ イム ライ ン 1 フレ ー ム 目 
の フレ ー ム を 引数 と し て 渡さ れ た フレ ー ム ラベ ル 
名 [target_frame」 の 位置 に 移動 させ ます 。 





| function playCharacter(target_frame){ 
character_mc.gotoAndStop(target_frame): 

















2 メタ PAgrT る flash で 作る 





音楽 を プロ グラ ム で 鳴ら せる よう に 、 ラ イブ ラリ 内 の 
サウ ンド アイ テム の リン ケー ジ 設 定 を 行い ます 。 こ こ 
で は 、 ク ラス 名 を 「BGM] と し て いま す 。 


中 音声 ファ イル の リン ケー ジ 設 定 を 行う …… P152 へ 










ょ 憎 キャ ラク ター アニ ュ > 
コン トロ ー ラ ーM 
サウ ンド ボタ ン 














音声 の ON/OFF を 管理 する た め の 変 数 [sound_flg] と 、 
再生 する 音声 を 制御 する た め の 変 数 [sound_channell 
を 宣言 し ます 。 

















44 Hz ステ レオ 16 ビッ ト 60.1 s 1245.4 kB 





還 間 ls 


読み 込ん だ MP3 の 音質 を 使用 


16 kbps モノ ラル 120.2 kB, オリ ジ ナ ル ) 9.6%% 











の ケー タラ 
信 Acionspt 用 に 書き 出し め 
【1 フルーム 目 に 書き 出し 


唱 ぁ イム 共有 用 に 書き 出し (O) 
ラン タイ ム 共 有用 に 読み 込み (Mi 





[サウ ンド プロ パテ ィ ] で リン ケー ジ 設 定 を 行う 


メイ ンタ イム ライ ン 1 フレ ー ム 目 


yar Sound_flgi 
yar Sound_channeli 








2Z5 


クラ ス 名 を 「BGM] と 設定 し た サウ ンド アイ テム を 呼び 出し 、「play( )] メソ ッ ド で 再生 を 行い ます 。 ま た 、 再 生 時 に 取 
記 梓 得 で きる SoundChannel イ ンス タン ス は 、 変 数 [sound_channell に 代入 て お きま す 。 


メイ ンタ イム ライ ン 1 フレ ー ム 目 

| function playSound(){ 

、 varbgm_sound = new BGM(): 

| sound_channel = bgm_sound.play(): 





Sound_flg=truei 御 Sound_flg を true に し て 府 声 を 再生 の 状態 と 分 か る よう に する 


controler_mc.sound_btn.buttonMode = truei 
controler_mc.sound_btn.addEventListener(MouseEvent.CLICK,onClickSoundBtn): 
信 サウ ンド ON/OFF の ボタ ン に リス ナー を 登録 











サウ ンド ボタ ンク リッ ク 時 に 変数 。 メイ ンタ イム ライ ン 1 フレ ー ム 目 
「sound_flg] の 値 を 判定 し て 、 再 生 中 の ーー コ 


function onClickSoundBtn(even0t 
音声 の 音量 を 変更 し ます 。 if(sound_flg == true)( 
「sound_flg] が true の 場合 は 、 音 量 が controler_mc.sound_btn.gotoAndStop("off: 
こ に ゝ | Sound_flg = false: 
0 に 設定 され た SoundTransform イ ンス ] Sound_channel.soundTransform = new SoundTransform(0,0): 
タン ス を 作成 し 、 変 数 Tsound_channell Jelset 
の プロ パテ ィ 「soundTransform] に 代入 controler_mc.sound_btn.gotoAndStop("on'): 
へ Sound_flg = fruei 
MR 「sound-fg] が falae の 場合 は 、 sound_channel.soundTransform = new SoundTransform(1.0) 
音量 を フル ボリ ュー ム に 設定 し た } 
SoundTransform イ ンス タン ス を 作成 } 











し 、 変数 「sound_channel] の プロ パテ ィ 
「soundTransform] に 代入 し ます 。 








2%o PApr る flash で 作る 





既に 作成 し た メソ ッ ド 「playCharacter( )] を 利用 する こと で 、 ボ タン クリ ッ ク と キー ボー ド 入 力 の どちら の 操作 で も 、 
キャ ラク タ を アニ メー ショ ン さ せら れる よう に し ます 。 
この よう に 頻繁 に 使う 処理 を メソ ッ ド に 分 け て お く こ と で 、 よ り 効 率 的 に プロ グラ ミン グ す る こと が 可能 で す 。 


onClickBtn) 


target_frame の 指定 








[ 
| playCharacter() 


8 ーー 0 志 
onKeyboardDown() | 


9 


キー ボー ド 入 力 











各 キ ー の ボタ ン そ れ ぞ れ に 対し て ボタ ン の 設 コン トロ ー ラ ーMC 1 フレ ー ム 目 
定 を 行い ます 。 [ 
また 、MouseEvent.CLICK の リス ナー を 登録 
し ます 。 


space_key.buttonMode = true: 
space_key.mouseChildren = falsei 
space_key.addEventListener(MouseEvent.CLICK,onClickBtn): 
down_key.buttonMode = truei 

down_key.mouseChildren = falsei 
down_key.addEventListener(MouseEvent.CLICK,onClickBtn): 
| left_key.buttonMode = truei 

left_key.mouseChildren = falsei 
left_key.addEventListener(MouseEvent.CLICK,onClickBtn): 
right_key.buttonMode = truei | 
right_key.mouseChildren = false: | 
、right_key.addEventListener(MouseEvent.CLICK,onClickBtn): 








event の プロ パテ ィ [target] で クリ ッ ク さ れ コン トロ ー ラ ー MC 1 フレ ー ム 目 


人 た 対象 の MovleClp イ ンス タン ス が IERBti(eOBRD6 ー 」 
る の で 、target_btn に 格納 し て どの ボタ ン と var target_btn = event.targeti 


等 し いか を 判定 し て いま す 。 こ の よう に 『 文 | target_btn.gotoAndPlay("start"): 
| if(target_btn == space_key){ 和 スペ ー ス キー が 押さ れ た 提 合 





人 ec cw の | MovieClip(paren1).playCharacter("space'): 
ボタ ン の 動作 を 書く こと が 可能 で す 。 Jelse if((target_btn == down_key){ を 下 矢印 キー が 押さ れ た 場合 
どの ボタ ン か 判定 し た の ち は 、 メ イン タイ ム MovieClip(paren1).playCharacter("down"): 


ミィ イン に oo ]else if(target_btn ==left_key){ 填 計 生 男 キ ー ジ 近 ま れ た 提言 
ライ ン に 作成 し た メソ ッ ド 「playCharacter0] MoyieClip(paren1).playCharacter("lef): 


を 該当 の フレ ー ム ラベ ル を 引数 と し て 呼ん で 。 jlseitarget_btn == right_keyt を お 生 肝 ミー 拉 れ た 拉 人 
いま す 。 | MovieClip(paren1).playCharacter("right): 
} 
| | 
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Di ら tszsases 
OMMSSesettsszss 











getHours() … iinieninrnrren 139 

setHours() eee 139 

seesaa 109 

else if … 109 

EEVWSNE workreerrakezsavesresazteeassaesae 093 

unshift( ) … target ………… 093, 160, 164, 281 





COMPLETE … 
FREOH 092, 160, 164, 236, 260 
ENTERLFRAME で mie 





・102 as ファ イル … 





に | に 1 1 
Flash LO oe 013 
Flash Media Server ……………… 060 
Flash Video ・ 





BitmapData 
draw( ) … 





for …t… 073, 112, 119, 237 





ActionScript … ・026. 064, 065 function …… 086, 122, 141, 198, 205 

ActionScript 用 に 書き 出し ……… 125 

SF 6 
… 124, 159, 171, 206, 216, 243 width en 275 getDefinitionByName( ) ………… 






addEventListener( ) getCamera( ) ……………… 169, 274 5 
* ・ 090. 122, 141, 196, 227 setCamera( ) ・ ・ 274 

Adobe Flash Player 設 定 マ ネー ジャ … ColorTransform … ・108, 157, 198 
109 





| に ここ 









KeyboardEvent 
keyCode ooo 
KEY_DOWN - 
KEY_UP 

Keyboard … 
BACKSPACE ……… の の ii 156 
CAPS_LOCK … ein 156 
CONTROL 
DELETE ・ 


155 









ESCAPE 

HOME 

LEFIHes 

IGR enenrescscreoscs の 78 
AE urararsaetsskseasasss 278 


Loader …… 





158, 226, 243, 260, 266 


content ei 248 
contentLoaderInfo… 160, 226, 266 
load() ………… 159, 163, 226, 238 
260,266 


Loaderlnfo ………… 





・085, 149, 208 


rotation ・ 
ScaleX 





scaleY … 

totalFrameSs … ぐ oooeeoeeeeerrerer 085 
串間 rweeeovrcmreon 085, 250, 277 
width ・ 085, 226 




















round( ) Xー 

Sin( ) y・ 

sqrt( ) getChildByName( ) …… の lim 243 

【CUI0 ROYRRRRRRRTRERHHDH gotoAndPlay() で omron 

1 ERREREEREREPPERERREHHCCECEECCESN に ド 本 還 還 還 間 放 福 KEI は は HH 081, 082, 083, 196 
MouseEvent gotoAndStop( ) 082, 083 

CLICK ・ 

DOUBLE_CLICK 

MUSEO4OWRーーーーm SS 

MOUSE_MOVE 

MOUSE_UP 

ROLL_OUT … ・196 Number() ee 097 

ROLL_OVER …… ひ の mmmnnn 196 ES 
MovieClD oon 075, 125 


085 jeet ee 120, 128, 237 





currentFrame …… teiemoemT 085 parseFloat( ) one 097 
height ee 085.226 parselnt( ) - 097 
mouseChildren 196., 264, 275 NG - 053 





mouseEnabled ・ … 264 ProgressEvent ・161 


085, 149, 208 bytesLoaded ……… の …… 161, 261 
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bytesTotal … 
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removeChild() ーー 
・127, 207, 215, 247, 250 
removeEventListener( ) ………………… 
TU 092. 123, 215, 247 
RSS …… ド ee 236, 238 
RSS 0.92/2.0 ・ 238 
RSS 1.0 ・ 238 
Security 
showSettings( ) …… の tt……| 170, 274 
SecurityPanel 
PRIVACY …… の の 170, 274 
152, 154 
Jukenezdyejeeaiisesigsszpsteossssssi 154 
・ 153, 280 
SoundChannel ・ ・153, 280 








soundTransform 

stOP() ee 
SoundTransform …………… 153, 280 
Stage … 144, 147 

align … 145, 267 





frameRate ・145 





mouseX 
mouseY 
dualty ee 








scaleMode …… ・ 145 
stageHeight … 144, 217, 267 
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StageAlign … 
StageQuality 
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ds 164 
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テキ スト ツー ル 
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137 
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複数 フレ ー ム を 編集 ………………… 040 
プリ ロー ダー ・ 161, 259 
フレ ー ム ・ 038, 199 
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マス ク …………… 052, 186, 259, 275 
ウジ vekrdesteedheeritres 052 
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曜日 情報 の 取得 ………………… 139 
ライ ブラ リ …………… 034, 054, 177 
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…… 053, 057, 177 
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ワー クス ペー ス … ・024 
ワー クス ペー ス 切 り 替 え コ ント ロー ル 
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株 式 会 社 ク スー ル http://www.cshool.jp/ 





クス ー ル は Flash の 技術 を 中 心 に 、“ も の づく り " を 教え る 小さ な 学校 で す 。 授 業 は 作品 づ 
くり を 中 心 と し た カリ キュ ラム で 、 受 講 者 自ら が 手 を 動か すこ と で 技術 を 身 に つけ る こと を 
目的 と し て いま す 。 ま た 、 講 座 以外 に も イベ ント の 開催 、 書 籍 の 執筆 を 行う こと で 、 ク リエ 
イタ ー 交 流 の 場 や 、 学 ぶ 機会 を 提供 し て いま す 。 コ ー ス は 1 年 を 通じ て 開催 し て いま す の で 、 


興味 の ある 方 は 気軽 に 見 学 に 来 て くだ さい 。 





一 松村 全 (まつ むら し ん ) 


2002 年 、 カ ナダ ・ バ ンク ー バ ー か ら 帰 国 し 
た の ち 、 株 式 会 社 バ スキ ュー ル に て Flash デ 
ベロ ッ パ ー と し て 勤務 。2004 年 に Flash の 
ActionScript を 中 心 に 、 も の づく り を 教え る 
教室 クス ー ル を 開設 。2006 年 春 か ら は 京都 
精華 大 学 デ ザイ ン 学 部 ビジ ュ ア ル デ ザ イン 学 
科 に て 、 非 常勤 講師 と し て も 勤務 。 得 意 技 は 
ビ ピール の あと の 爆 酎 ロッ ク ( 芋 ) 。 


大 加賀 谷 和 (か が や の どか ) 


WEB デザ イナ ー。 1980 年 の どか な 日 に 生ま 
れる 。 多摩 美術 大 学卒 。 数 社 を 経て 、 現 在 、 
株 式 会 社 ク スー ル 所 属 。 肩 書き は 担任 。 プ ロ 
モー ショ ン 系 ウェ ブサ イト を 中 心 に 、 デ ザイ 
ン 、 デ ィ レ クシ ョ ン に 従事 。 好 物 は クロ ワッ 
サン 。 路 地 裏 と 高い と ころ か ら の 眺望 が 好き 。 
得意 技 は 迷子 に な る こと 。 


軒 尾 崎 俊介 (お ざき し ゅ ん すけ ) 


株 式 会 社 ク スー ル クリ エイ ティ ブ デ ィ レ クタ 
ー 兼 教頭 。Web の キャ ン ペ ー ン サイ ト を 中 心 
に 、 デ ィ レ クシ ョ ン や 制作 を 手がけ る 。 そ の 
一 方 で 、「 自 社 の Flash 講 座 ] や 「 京 都 精 華 大 
学 の 非常 勤 講師 ] な ど 講 師 と し て も 活動 。 ま た 、 
電子 工作 な ど を 取り 入れ た 、 研 究 開発 チー ム 
「 く る くる 研究 室 ] に 所 属 。 得 意 技 は 、 出 席 の 
確認 と 指し 棒 で 、 壁 を 叩く こと 。 


還 大 西 拓 人 (お お に し た く と ) 


株 式 会 社 クス ー ル Flash エ ンジ ニア 。1985 
生ま れ 。 早 稲田 大 学 第 一 文学 部 文芸 専修 卒 。 
大 学 時 代 に 早稲 田 大 学 広告 研究 会 に て 広告 に 
つい て 学ぶ 。 広 告 サ イト 制作 や アプ リ ケ ー シ 
ョ ン の 開発 な ど を する 傍ら 、ActionScript の 
講座 「 ほ ん き で クス ー ル 」 に て Flash で の も の 
づく り を 教え て いる 。 得意 技 は 寝返り を 打つ 
こと 。 受 賞 暦 : 2009 年 度 グッ ド デ ザ イン 賞 。 
Yahoo Internet Creative Award 2008 銅 賞 。 
個人 ブロ グ : http://aretokore.jp/blog/ 


還 上 泉 洋介 (か みい ずみ よう すけ ) 


株 式 会 社 クス ー ル 主任 。 大 学卒 業 後 、 カ ナダ ・ 
バン クー バー で Web の 技術 と 嫁 を 手 に 入れ 、 
2001 年 に 帰国 。 事 業 会 社 で 7 年 間 Web マ ス 
ター と し て 勤務 し た あと 、2008 年 に クス ー 
ル に 入社 。 現 在 は 学校 事業 部 マネ ー ジ ャ と し 
て 講座 全体 の 運営 を 行う 傍ら 、 講 師 と し て も 
活動 中 。 と きど き ふ ら り と 釣り に 行き ます 。 
得意 技 は お に ぎり の 買い 食い 。 


時 岡崎 大 典 (お か ざき だ いす け ) 


フリ ー ラ ンス の Flash・Silverlight な ど リ ッ チ 
クラ イア ント ディ ベロ ッ パ ー プ サー バ サ イ ド エ 
ンジ ニア テク ニカ ルディ レク ター。2002 年 
に ウェ ブ 業 界 へ の 就職 を 機 に 地元 北海 道 か ら 
上 京 。 Web エ ンジ ニア や Flash エ ンジ ニア と 
し て 、 都内 の 制作 会 社 に 勤務 。 2006 年 に フリ 
ー ラ ンス と し て dynalogue と いう 屋号 で 活動 
を 開始 。 現 在 は 設計 ・ 制 作 ・ コ ン サ ル テ ィ ン グ 
な ど を 中 心 に 活動 し て いる 他 、 講 師 や 講演 も 
行っ て いる 。 趣 味 は 3 匹 の 愛犬 と 遊ぶ こと と 、 
ドラ イブ と 、 ス ポー ツ 鑑 賞 (野球 、 サ ッ カ ー、 
バス ケ 、 ア メ フ ト 、 格 闘技 、 等 々 幅広 く )。 得 
意 技 は し れ っ と ラー メン を 早 食い する こと 。 
クス ー ル で は も っ と ほん き で クス ー ル の 講師 
を 担当 。 
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ActionScript 3.0 を 基本 か らき っ ちり マス ター し た い 人 の た め の 本 。 
図解 と イラ スト を 豊富 に 用 いて 、 や さ し く わか りや すく 解説 。 
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Flash Lite を 使っ た 携帯 Flash コン テン ツ の 作成 テク ニッ ク の 解説 書 。 
待ち 受け スラ イド ショ ー、 時 計 、- お みく じ 、- モ グラ た た き ゲ ー ム 、 
神経 衰弱 ゲー ム な ど 、 実 際 の 作例 を 制作 し な が ら 、 
携帯 Flash 制作 の コツ と テク ニッ ク を マス ター し よう 。 
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入門 者 か ら 取り 組め る 、 最 強 の ActionScript 3.0 解説 書 。 
ActionScript 3.0 を 徹底 的 に マス ター し た い 人 の た め の 手 引き 書 で す 。 
サン プル の 制作 を 通し て 、 ス クリ プティ ング の 
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